在其他div中删除后，Jquery draggable禁用列表项

Question

我想如果任何列表项（li）从product div拖放并放入购物车div，则li将被禁用，用户无法再将其添加到购物车div中。

jQuery("#product li").draggable({
    appendTo: "body",
    helper: "clone"
});

jQuery("#cart ol").droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    accept: ":not(.ui-sortable-helper)",
    drop: function (event, ui) {
        $(this).find(".placeholder").remove();
        $("<li></li>").text(ui.draggable.text()).appendTo(this);
    }
});

Answer 1

您可以停用可拖动的属性为

$( "#cart li").draggable({disabled:true});

Answer 2

在您的放置功能中添加：

ul.dragged.draggable({disabled:true});