如何重新添加可拖动元素以便在空后放置

Question

我有一个可拖放/可拖放的脚本，如果拖动器被放下，则该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取出后我不能再拖累，再次追加。 Example Shown Here。我希望能够在删除内容后重新拖放元素。我非常感谢知道如何解决这个问题并理解为什么这样。

Answer 1

你不想破坏可放开，但禁用它，你应该做这样的事情：

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

Answer 2

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

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