jQuery 선택 가능 - 클릭하면 단일 요소 선택을 취소 할 수 있습니다 - 이것이 가능합니까?

Question

기존 선택의 일부를 "선택 취소"하는 다른 키를 계속 유지하는 Photoshop에서와 같이 올가미를 클릭하거나 사용하여 선택한 항목의 선택을 취소 할 수 있습니다.

이것이 가능합니까?

나는 "jQuery UI 선택 가능"을 이해합니다. CTRL이 있든 없든 "한 번 클릭"만 있으면 여러 개를 추가 한 다음 빠른 올가미를 추가 할 수 있습니다.

전체 선택 항목 중 하나 또는 두 개의 요소를 다시 클릭하여 선택 취소하는 것이 가능한지 확인하려고합니다.

예를 들어, 올가미를 드래그하여 30 개의 요소를 가져 오지만 1이이 선택의 일부일 필요는 없음을 알게됩니다. 그것을 클릭하고 선택을 해제합니다.

그래서 기존 선택에 반응하고 선택된 요소를 제거하는 무언가.

또는 올가미로 올가미를 선택합니다. 30 개의 요소를 가져옵니다. 그런 다음 새로운 올가미를 그립니다. 이번에는 이미 선택된 요소에서 시작하여 기본값이 선택 취소되고 나머지 그룹도 채점됩니다.

나는 이것이 무엇이든 jQueryUI에 대한 사용자 정의 가능한 동작이어야한다고 생각합니다.

간단한 jQuery 해킹으로 "단일 선택 취소"가 가능합니까? 아니면 많은 코드가 필요합니까?

Answer 1

내가 직접 할 수있는 선택을 수정할 필요가있을 것으로 보인다.

나는 니콜라의 Rudas하여이 예를 발견 (?) : http://nicolas.rudas.info/jquery/selectables_sortables/

$(function() { 
     $("#selectable") 
      .selectable({ 
       autoRefresh: false, 
       stop: function(e,ui){ 
        $(this).selectable('refresh'); 
       }, 
       noConflict : false 
      }) 
      .sortable({ 
       opacity:'0.5', 
       cursor: 'move', 
       zIndex: 5, 
       helper : 'clone', 
       forcePlaceholderSize : true, 
       stop : function(){ 
        $("#selectable").selectable('refresh'); 
       } 
      }) 


     $('#noConflict').toggle(function() { 
      $(this).text('Disable \'noCoflict\''); 
      $("#selectable").selectable('option','noConflict',true).selectable('refresh'); 
     }, 
     function() { 
      $(this).text('Enable \'noCoflict\''); 
      $("#selectable").selectable('option','noConflict',false).selectable('refresh'); 


     }); 

    }); 

는 그는 우리가 찾고 있던 기능을 활성화 한 방법을 보여줍니다. 그는 또한 그가 해결하는 몇 가지 문제를 설명합니다. 나는 지금 코드에 대해 좀 더 철저하게 조사 할 것이다.

따라서이 질문은 닫힙니다.