jquery的可拖拽/ droppable - 使刪除元素淡出而不是消失？

Question

我有一個可拖放/放入文件夾的對象列表。現在，當我將它們放入文件夾時，它們就會消失。這裏有一個hackish的解決方案的小提琴：

http://jsfiddle.net/tYfNb/1/

有沒有什麼更好的方法來做到這一點？

代碼：

$('.droppable').droppable({ 
    drop: function(event, ui) { 
     if(ui.draggable.parent('.sortable').length){ 
     ui.draggable 
      .clone() 
      .appendTo('.droppable') 
      .addClass("sort-drop") 
      .css(ui.position) 
      .hide(500); 

     ui.draggable.hide(); 
       console.log(ui,event); 
    }else{ 
     ui.draggable.hide(500); 
    } 


    } 
}); 

$('.sortable').sortable(); 

$('.draggable .item').draggable({ 
    revert: 'invalid' 
}); 

Answer 1

我已經更新您的JSFiddle與製作一些動畫的變化。

$('.droppable').droppable({ 
    drop: function(event, ui) { 
     if(ui.draggable.parent('.sortable').length){ 
     ui.draggable 
      .clone() 
      .appendTo('.droppable') 
      .addClass("sort-drop") 
      .css(ui.position) 
      .fadeOut(5000); 

     ui.draggable.hide(); 
       console.log(ui,event); 
    }else{ 
     ui.draggable.fadeOut(5000); 
    } 

    } 
}); 

我希望這個動畫的變化會幫助你maore。