Question

我有两个ListView，一个是用户可用的项目，另一个是已经分配给该用户的。我已经阅读了一些文章并且已经达到了我可以在任一列表中选择多个条目并来回拖动它们的程度。在发布单个项目之后，我也会自动取消选择。但是，当我被卡住的时候，我拖动多个项目 - 拖动的项目将取消选择，但没有兄弟姐妹会这样做，而是保持选中状态。

    $(function () {
    $("#AvailableCommGroups li, #AssignedCommGroups li").click(function () {
        $(this).toggleClass("selected");
    });
    $("#AvailableCommGroups, #AssignedCommGroups").sortable({
        connectWith: ".connectedSortable",
        start: function (e, info) {
            info.item.siblings(".selected").appendTo(info.item);
        },
        stop: function (e, info) {
            info.item.after(info.item.find("li"));
        },
        receive: function (e, info) {
            info.item.toggleClass("selected");
        }
    });
});

如何修改上述内容，以便所有带有“selected”类的项目在放入新列表后取消选择？

Answer 1

这是因为您只在切换函数中切换项的类。尝试从其兄弟元素中删除该类

receive: function (e, info) {
    info.item.toggleClass("selected");
    info.item.siblings(".selected").toggleClass("selected");
}

jQuery - 取消选择所有项目

1 个答案: