0
我有2个droppable和2个draggables。JqueryUI droppable'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/
任何人都知道如何解决这个问题?