jquery - 统一 jQuery UI 的 Sortable 和 Draggable 之间的拖放动画

Question

在将可排序或可拖动对象拖放到可放置对象时，我想实现相同的视觉效果，在这种情况下，即 jQuery 的简单隐藏动画。

以下适用于可拖动项目：

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

拖放时，拖动的可拖动对象会以精美的动画效果隐藏，同时在视觉上保持在可拖放对象的顶部。然而，在可排序的情况下，被拖动的项目首先恢复到其原始位置，然后隐藏。

请参阅此小提琴以获取工作示例，并尝试将任何黄色（可排序）或绿色（可拖动）项目拖动到红色（可放置）区域：http: //jsfiddle.net/tYfNb/

有任何想法吗？

score 1 · Accepted Answer

我设法通过克隆和定位元素使其工作，它有点hack，可能有一种更优雅的方式。

1 回答 1