javascript - 如何在放置后禁用可放置 div 内的拖动项目？

Question

我尝试在将项目拖放到 div 上时禁用该项目的可拖动功能。因此，一旦可拖动项被放置在可放置 div 上，它将无法拖动到其他地方。

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

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

});

我尝试了 disabled: true 但这不起作用。有人可以帮我吗？

Answer 1

您可以添加类名“disabled”，然后在类的属性中设置“none”。

.disabled{
    pointer-events: none;
}