javascript - 删除链接的 jQuery 拖放问题

Question

我的页面中有三个用于拖放的 div， 在第一个 div(拖动 1)中包含“删除”链接。 将第一个 div(拖动 1)拖到第一个可放置的 div 之后。 我可以删除第一个 div(拖动 1)。 删除(拖动 1)后，我无法拖动 第二个 div(拖动 1)相同的第一个可放置 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();
 });