jquery - 使用 JqueryUI 将项目放入列表时不执行任何操作

Question

我正在使用 JqueryUI 拖放到可排序的列表中。假设 coll-selected-list 是我要删除的列表，我想检查我要删除的当前项目是否已经存在于列表中。如果是这样，我希望防止下降。这可能吗？我的代码如下：

$("#coll-selected-list").sortable({
        receive: function (event, ui) {
            //alert($(ui.item).text());

            var itemName = $(ui.item).text();
        if ($("#coll-selected-list li:contains(" + itemName + ")")) {
               //DO Nothing 
            }

        }
    });

Answer 1

您可以使用cancel()方法：

$("#coll-selected-list").sortable({
    receive: function (event, ui) {
        var itemName = ui.item.text();
        if ($("#coll-selected-list li:contains(" + itemName + ")").length) {
            $(this).sortable("cancel");
        }
    }
});

Answer 2

几天前我创建了这个小提琴。

检查这个 - http://jsfiddle.net/ashwyn/nQWSw/

在小提琴中，如果任何项目 Div 已经存在于可排序（可放置） div 中，则将其还原。也许这就是你要找的。玩弄它。我希望它会有所帮助。干杯！！