在jQuery UI的Sortable和Draggable之間統一放置動畫

Question

我想在將可排序或可拖放放置到可放置的位置時實現相同的視覺效果，在這種情況下，即jQuery的簡單隱藏動畫。

完全用於拖動項目的以下工作：

$('.droppable').droppable({ 
    drop: function(event, ui) { 
     ui.draggable.hide(500); 
    } 
}); 

下降時，拖動可拖動的精美動畫，而在可投放的頂級視覺其餘被隱藏。然而，在可排序的情況下，被拖動的項目首先返回到其原始位置，然後隱藏。

看到這個搗鼓工作示例，並嘗試拖動任何的黃色（排序）或綠色（可拖動）項目變成紅色（可棄）區域：http://jsfiddle.net/tYfNb/

任何想法？

Answer 1

我設法通過克隆和定位元素來實現它的功能， 它的一些破解，可能有更優雅的方式。

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