使用Jquery在列表中删除项目时不执行任何操作

时间:2012-07-11 09:09:46

标签: jquery jquery-ui

我正在使用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 
            }

        }
    });

2 个答案:

答案 0 :(得分:0)

您可以使用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");
        }
    }
});

答案 1 :(得分:0)

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

检查一下 - http://jsfiddle.net/ashwyn/nQWSw/

在小提琴中,如果任何项目Div已存在于可排序(可放置)div中,则它将被还原。也许这就是你要找的东西。玩弄它。我希望它会有所帮助。干杯!!