0
私は2つのドローパブルと2つのドラッグを持っています。JqueryUIドロップ可能な 'out'イベントは起動しません。
item1がtrash1にドラッグされても、item2はtrash1にドラッグできないため、元の位置に戻ります。
item1がtrash1からtrash2にドラッグされた場合、trash1は再び利用可能になり、 'out'イベントが発生しないために失敗します。ここで
コードです:
$(function() {
$(".item").draggable({
revert: 'invalid',
cursor: 'move'
});
$("#items").droppable({
drop: function(event, ui) {
$("#trash").droppable("option", "disabled", false);
$("#trash2").droppable("option", "disabled", false);
}
});
$("#trash").droppable({
out: function() {
$(this).droppable("option", "disabled", false);
console.log('hi')
},
drop: function(event, ui) {
$(this).droppable("option", "disabled", true);
}
});
$("#trash2").droppable({
out: function() {
$(this).droppable("option", "disabled", false);
console.log('hi')
},
drop: function(event, ui) {
$(this).droppable("option", "disabled", true);
}
});
});
ここでフィドルです:http://jsfiddle.net/vMQVy/120/
誰もがこの問題を克服する方法を知っていますか?