空后如何将可拖动元素重新附加到可放置元素答案

【问题标题】：How to re-append draggable element to droppable after empty空后如何将可拖动元素重新附加到可放置元素
【发布时间】：2012-11-01 21:03:28
【问题描述】：

我有一个可拖动/可放置的脚本，如果放置可拖动的，则该 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();
});

我遇到的问题是，从可放置 div 中删除 html 后，我无法重新拖动并再次附加。 Example Shown Here。我希望能够在删除内容后重新拖放元素。我将不胜感激知道如何解决这个问题并理解为什么会这样。

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

你不想破坏 droppable 但要禁用它，你应该这样做：

$(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");
            });

【讨论】：

【解决方案2】：

这一行正在删除使其成为拖放区的类。

$(e.target).droppable("destroy");

【讨论】：