jQuery UI - Droppable 只接受一个可拖动的

Question

我正在制作一个应用程序，它使用一个可放置的 div 和一些可拖动的 div 。如何使 droppable 不接受多个可拖动 div？我用 Google 搜索了，但没有找到任何解决方法。

<小时/>

我想到了一个解决方法。我如何检查这个可放置 div 中是否有放置的元素？如果它很忙，则恢复这个正在尝试删除的可拖动对象

Answer 1

好的，找到了一个很好的解决方案，本质上是在“放置”时，我将可放置对象设置为仅接受已拖入其中的项目。

当您“禁用”时，您需要重新初始化的“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');
        }   
    });
});