如何在drop后禁用droppable div中的拖动项目？

Question

我试图禁用拖放到该项目时放在一个div。所以一旦可拖动的物品被放置在可丢弃的div上，它将无法在其他地方被拖动。

这是我到目前为止的代码：

$(".div1").droppable({ 
    drop: function (event, ui) { 
     ui.draggable({disabled: true}); 

}); 

我试图disabled: true但这并没有工作。有人可以帮我从这里出去吗？

Answer 1

你可以添加类名'disabled'，然后在你的类的属性中设置none。

.disabled{ 
    pointer-events: none; 
}