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

"selected"클래스가있는 모든 항목이 새 목록에 드롭 된 후 선택 취소되도록 위의 내용을 어떻게 수정할 수 있습니까?

Answer 1

수신 기능에서 항목의 클래스 만 토글하기 때문입니다. 형제 요소에서 클래스를 제거해보십시오.

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