我正在制作一个应用程序,它使用一个可放置的 div
和一些可拖动的 div
。如何使 droppable 不接受多个可拖动 div
?我用 Google 搜索了,但没有找到任何解决方法。
我想到了一个解决方法。我如何检查这个可放置 div 中是否有放置的元素?如果它很忙,则恢复这个正在尝试删除的可拖动对象
最佳答案
好的,找到了一个很好的解决方案,本质上是在“放置”时,我将可放置对象设置为仅接受已拖入其中的项目。
当您“禁用”时,您需要重新初始化的“out”事件不再可用,因此我只是交换了符合条件的项目。
然后我可以使用 OUT 事件重新接受所有可拖动项目,并且因为没有接受其他任何内容,所以其他可拖动项目不会触发 OUT:
$(".drop-zone").droppable({
drop: function(event, ui) {
$(this).droppable('option', 'accept', ui.draggable);
},
out: function(event, ui){
$(this).droppable('option', 'accept', '.drag-item');
}
});
});
关于jQuery UI - Droppable 只接受一个可拖动的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3948447/