0

ドラッグ可能/ドロップ可能なスクリプトがあり、ドラッグ可能なものがドロップされると、その div の要素がドロップ可能な div に追加されます。ドロップすると、以下に示すように、div のコンテンツを削除するためのクリア ボタンが表示されます。

$(e.target).append(ui.draggable.html() + '<br/>');
//can use $(this) or (e.target)
$("#add_friend").show().fadeOut(12000);
$(e.target).droppable("destroy");
$(e.target).append("<input type='button' name='Sub' value='clear'/>").click(function() {
    $(this).empty();
});

私が抱えている問題は、html がドロップ可能な div から削除された後、再ドラッグして再度追加できないことです。例をここに示します。コンテンツを削除した後、要素を再ドラッグ アンド ドロップできるようにしたい。この問題を解決する方法と、その理由を理解していただければ幸いです。

4

2 に答える 2

0

この行は、ドロップ ゾーンにするクラスを削除しています。

$(e.target).droppable("destroy");
于 2012-11-01T21:08:21.510 に答える
0

ドロップ可能を破壊したくないが、無効にするには、次のようにする必要があります。

$(e.target).append(ui.draggable.html() + '<br/>');
            //can use $(this) or (e.target)
            $("#add_friend").show().fadeOut(12000);
            $(e.target).droppable("disable");
            $(e.target).append("<input type='button' name='Sub' value='clear'/>").click(function() {
                $(this).empty()
                       .droppable("enable");
            });
于 2012-11-01T21:11:10.223 に答える