jQuery - 取消选择所有项目

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");
        }
    });
});

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

Answer 1

这是因为您只在接收功能中切换项目的类别。尝试从其兄弟元素中删除该类

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