Javascript 如何在拖放后禁用可拖放div中的拖动项?

Javascript 如何在拖放后禁用可拖放div中的拖动项?,javascript,jquery,html,drag-and-drop,Javascript,Jquery,Html,Drag And Drop,我尝试在拖放到div上时禁用可拖放到项目。因此,一旦可拖放项目拖放到可拖放div上,它将无法拖动到其他任何地方 这是我目前的代码: $(".div1").droppable({ drop: function (event, ui) { ui.draggable({disabled: true}); }); 我尝试了禁用:true,但没有成功。有人能帮我吗?您可以添加类名“disabled”,然后在类的属性中设置一个none .disabled{ pointer-

我尝试在拖放到div上时禁用可拖放到项目。因此,一旦可拖放项目拖放到可拖放div上,它将无法拖动到其他任何地方

这是我目前的代码:

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

});

我尝试了
禁用:true
,但没有成功。有人能帮我吗?

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

.disabled{
    pointer-events: none;
}

共享更多代码以获得更好的结果此选项将禁用原始可拖动项,而不是已放入div中的项。如何使用此代码取决于您。。你可以给这个类你想要的。请使用触摸动作:无也