2

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

以下适用于可拖动项目:

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

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

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

有任何想法吗?

4

1 回答 1

1

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

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

于 2012-08-20T21:09:15.203 回答