jQuery-取消选择放置时的所有项目

我有两个列表视图，一个项目可供用户使用，另一个项目已分配给该用户。我已经阅读了几篇文章，现在我可以在任意一个列表中选择多个条目并来回拖动它们。我也到了这样的地步，在发布单个项目后，它会自动取消选择自己。但是，当我拖动多个项目时，我会被卡住-被拖动的项目将取消选择，但没有一个兄弟会这样做，相反，它们将保持选中状态

    $(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”类的项目在被放入新列表后都将取消选择？

这是因为您仅在receive函数中切换项目的类。还可以尝试从其同级元素中删除该类

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

---

不幸的是，这似乎没有任何作用。我已经尝试过按您呈现的顺序和颠倒行顺序来执行此操作，但无论哪种方式，拖过的行都会取消选择，但随附的行不会取消选择。也许您可以设置一个JSFIDLE，以便我可以帮助您：）