我想在将可排序或可拖动的内容放入droppable时获得相同的视觉效果,在这种情况下即jQuery的简单隐藏动画。
以下适用于可拖动项目:
$( '.droppable' ).droppable( {
drop: function( event, ui ) {
ui.draggable.hide( 500 );
}
} );
当被丢弃时,被拖动的拖曳的美丽动画被隐藏,同时视觉上保留在投影仪的顶部。但是,在可排序的情况下,拖动的项目首先会恢复到原始位置,然后隐藏。
请参阅此小提琴以获取工作示例,并尝试将任何黄色(可排序)或绿色(可拖动)项目拖动到红色(可放置)区域:http://jsfiddle.net/tYfNb/
有什么想法吗?