グリッド付きのボードゲームがあります。グリッド内の各正方形には.unitPosition
、ユニットのドロップ可能なクラスがあります。複数のユニットが同じ正方形にならないようにしたいので、 でドロップ可能を無効にしdrop
、 で再度有効にしout
ます。問題は、再有効化が機能しないことです。
$(".unitPosition").droppable({
drop: function(event, ui) {
ui.draggable
.detach()
.css({top: 0,left: 0})
.appendTo($(this));
$(this).droppable( "option", "disabled", true );
},
out: function(event, ui) {
console.log($(this).parent());
$(this).droppable( "option", "disabled", false );
}
});
私はこれの基本的なバージョンを試してみましたが、うまく動作しますhttp://jsfiddle.net/vMQVy/40/
アップデート:
これは、機能していないフィドルです: http://jsfiddle.net/FbzSF/3/