draggaable에서 jQuery UI 선택 가능한 이벤트가 트리거되지 않음

Question

jQuery UI를 드래그 가능하고 선택 가능하도록 구현했습니다. 둘 다 초기화 된 두 구성 요소가 있고 그 중 하나를 선택하면 마우스를 놓지 않고 다른 구성 요소를 클릭하고 드래그를 시작하면 "ui-selected"클래스가 다른 구성 요소에서 제거되지만 입력되지 않았습니다. 선택 가능한 모든 이벤트. 위에 설명 된 조치를 취한 후에 누군가가 도울 수있는 방법이나 이벤트가 필요합니까?

업데이트 1 선택 : 드래그 가능한

Selectable: { 
     init: function(el) { 
      $(el).selectable({ 
       filter: '.existing-component', 
       selecting: function (event, ui) { 
        $(event.target).children('.ui-selecting').find('.existing-component').removeClass('ui-selecting'); 
       }, 
       stop: function(event, ui) { 
         console.log('stop'); 
       }); 
       start: function(event, ui) { 
         console.log('start'); 
       }); 
      }); 
      // manually trigger the "select" of clicked elements 
      $(el).find('.existing-component').click(function(e){ 
       . 
       . 
       . 
       $(el).selectable('refresh'); 
       $(el).data("ui-selectable")._mouseStop(); 
      }); 
     } 
     } 

:

Draggable: { 
     init: function(el, options) { 

      $(el).draggable(options, { 
       scroll: false, 
       snap: '.gridlines', 
       snapTolerance: $('.grid').attr('data-size')/2, 
//    revert: "invalid", 
       preventCollision : true, 
       preventProtrusion : false, 
       collisionVisualDebug : false, 

       drag: function(event, ui) { 
         console.log('drag') 
       } 
      }); 
    } 
} 

Answer 1

행동 위에서 설명한가 Draggable.start 이벤트에 입력하고 이전 구성 요소가 여전히 선택에 나는 내 방법을 찾을 수 .