如何在空后将draggable元素重新附加到droppable

时间:2012-11-01 21:03:29

标签: javascript jquery css

我有一个draggable / droppable脚本,如果删除了draggable,那么该div中的元素将附加到droppable 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();
});

我遇到的问题是,从droppable div中删除html后,我无法重新拖动并再次追加。 Example Shown Here。我希望能够在删除内容后重新拖放元素。我非常感谢知道如何解决这个问题并理解为什么会这样。

2 个答案:

答案 0 :(得分:0)

此行正在删除使其成为放置区的类。

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

答案 1 :(得分:0)

你不想破坏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");
            });