在jQuery UI的Sortable和Draggable之间统一drop动画

时间:2012-06-14 21:27:47

标签: jquery jquery-ui jquery-ui-sortable jquery-ui-draggable jquery-ui-droppable

我想在将可排序或可拖动的内容放入droppable时获得相同的视觉效果,在这种情况下即jQuery的简单隐藏动画。

以下适用于可拖动项目:

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

当被丢弃时,被拖动的拖曳的美丽动画被隐藏,同时视觉上保留在投影仪的顶部。但是,在可排序的情况下,拖动的项目首先会恢复到原始位置,然后隐藏。

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

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

我设法通过克隆和定位元素来实现它, 它有点黑客,可能有更优雅的方式。

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