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

Question

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

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

拖放项目后，我想阻止用户再次拖动相同的项目。我能做到吗？可能会在刚刚拖动的项目中添加一些css？

如果用户未放弃该项目（取消拖动），则此项目的未来拖动应保持启用

注意：我无法删除帮助：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 });
});