2

ソート可能またはドラッグ可能のいずれかをドロップ可能にドロップするときに同じ視覚効果を実現したいと思います。この場合は、jQueryの単純な非表示アニメーションです。

以下は、ドラッグ可能なアイテムに対して完全に機能します。

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

ドロップすると、ドラッグされたドラッグ可能オブジェクトは、ドロップ可能オブジェクトの上に視覚的に残りながら、美しくアニメーション化されて非表示になります。ただし、並べ替え可能なアイテムの場合、ドラッグされたアイテムは最初に元の位置に戻り、次に非表示になります。

実用的な例については、このフィドルを参照し、黄色（ソート可能）または緑（ドラッグ可能）のアイテムのいずれかを赤（ドロップ可能）領域にドラッグしてみてください：http：//jsfiddle.net/tYfNb/

何か案は？

4

1 に答える 1

1

要素のクローンを作成して配置することで、なんとか機能させることができました。少しハックしました。おそらくもっとエレガントな方法があります。

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

于 2012-08-20T21:09:15.203 に答える