3

選択した位置にドロップされた要素が既にある場合、ドロップを防ぐ方法にこだわっています。

サイズの異なる 3 つの div 要素があり、それらをドロップ可能なグリッドにドラッグしています。私がコードを実行した方法 (以下の jsFiddle を参照) では、そこに既に項目があるかどうかを確認する方法が思いつきません。

誰かが方法、アイデアを考えることができますか? JSFiddle: http://jsfiddle.net/sExrV/1/

コードは「ドロップ」イベントのどこかにあると思いますが、それをテストする方法が思いつきません:

$("#grid").droppable({
    accept: (".widget1, .widget2, .widget3"),
    drop: function(event, ui) {
    // test for existing element dropped here??
4

1 に答える 1

1

何かがドロップされたときにドロップ可能な機能を無効にしてみましたか？

$("#grid").droppable({
    drop: function() { $( "#grid" ).droppable( "option", "disabled", true ); }
});
于 2012-12-11T10:54:43.650 に答える