用于删除链接的jQuery拖放问题

Question

我的页面中有三个div用于拖放， 在第一个div（拖动1）中包含“删除”链接。 将第一个div（拖动1）拖动到第一个可放置div后。 我可以删除第一个div（拖动1）。 删除后（拖动1），我无法拖动 第二个div（拖1）相同的第一个droppable div

我的代码：

Fiddle

.

Answer 1

Fiddle Demo

试试这个

$('.draggable').draggable({ revert: true });
drop();
function drop()
{
   $('.droppable').droppable({
      hoverClass: 'active',
      drop: function(e, ui) {
        $(this).html(ui.draggable.remove().html());
        $(this).droppable('destroy'); 
      }
   });
}


$(".droppable").on("click", "a", function (){        
     $(this).closest('.cs-drop').fadeOut(200, function(){$(this).remove();});   
     drop();
 });