jQuery - Удаление всех элементов при удалении

Question

У меня есть два ListViews, один из доступных для пользователя элементов и еще один из тех, которые уже назначены этому пользователю. Я следил за несколькими статьями и дошел до точки, где я могу выбрать несколько записей в любом списке и перетащить их туда и обратно. Я также хочу сказать, что после выпуска отдельного элемента он автоматически отменит выбор. Однако, когда я застреваю, когда я перетаскиваю несколько элементов - перетаскиваемый элемент отменяет выбор, но ни один из братьев и сестер не сделает этого, и вместо этого они остаются выбранными.

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