jquery - 拖放时从项目中删除拖动功能

Question

我有一个可拖动的项目列表：

$( "li" ).draggable({
      connectToSortable: ".sortable",
      helper: "clone"
});

一旦一个项目被拖放，我想防止用户再次拖动同一个项目。我能做到这一点吗？可能在刚刚拖动的项目中添加一些 css 吗？

如果用户没有放下该项目（取消拖动），那么该项目的未来拖动应该保持启用

注意：我无法删除 helper:clone属性。

Answer 1

像这样的东西可能会起作用：

$( "li" ).draggable({
           connectToSortable: ".sortable",
           helper: "clone",
           stop: function(event, ui) { $(this).draggable('disable') }
});

Answer 2

在监听 dragstop 事件时禁用可拖动。

$( ".selector" ).bind( "dragstop", function(event, ui) {
    $( ".selector" ).draggable({ disabled: true });
});