1

私はしばらくこれを解決しようとしていますが、助けていただければ幸いです。3 つの列があります。各列には、上部に一対の追加/削除ボタンがあります。追加ボタンで、親の後に親列のクローンを追加したいと思います。親の div を複製するためのさまざまな方法を試しましたが、役に立ちませんでした。

また、削除ボタンで含まれている列を削除したいと思います。削除ボタンで最初の列を機能させることしかできませんでした。この機能は、次の列では機能しません。

私はいくつかの援助に非常に感謝しています. ありがとうございます。

http://jsfiddle.net/equiroga/h2dnn/2/

   $(document).ready( function() {

    $("#add").click( function() {
    $(".day-column").append(".day-column");
    $('.day-column').clone().attr('class','.day-column').insertAfter('.day-      column:first');
    });

    $("#remove").click( function() {
     $(".day-column:first").remove('.day-column:first');
     });

     });
4

1 に答える 1

0

実際のデモ: http://jsfiddle.net/2WUtB/

EDIT 2: Demo 2 http://jsfiddle.net/RNW24/を使用すると$(this).closest('section.day-column').clone()、あなたのケースで起こっていたすべてではなく、最も近いセクションのみを複製します! :)Jquery には優れたドキュメントがあります。http://api.jquery.com/closest/

.on動的に生成された要素でクリックを追加するには、 APIを使用する必要があります。

API: .on: http://api.jquery.com/on/

.on() メソッドは、jQuery オブジェクトで現在選択されている要素のセットにイベント ハンドラーをアタッチします。jQuery 1.7 以降、.on() メソッドは、イベント ハンドラーをアタッチするために必要なすべての機能を提供します。古い jQuery イベント メソッドからの変換については、.bind()、.delegate()、および .live() を参照してください。.on() でバインドされたイベントを削除するには、.off() を参照してください。1 回だけ実行されてから削除されるイベントをアタッチするには、.one() を参照してください。

第 2 に、「id=add」を削除します。重複していidて ID が常に一意であるため、class代わりに使用してください。

第 3 に、html は少し不安定です。UI 担当者に決定してもらうために、プロジェクト リードに残します。

お役に立てれば:)

役立つリンク:

コード

$(document).ready(function () {

    $(document).on('click', '.add', function () {
        alert('Click is bind with add button');
        $("ul").append("<li></li>");
        $('.day-column').clone().attr('class', '.day-column').insertAfter('.day-column:first');
    });

    $(document).on('click', '.remove', function () {
        alert('Click is bind with remove button');
        $(".day-column:first").remove('.day-column:first');

    });

});
于 2013-10-07T20:38:55.293 に答える