jQuery Droppable : 'hover'속성을 트리거하기 위해 무엇을 듣고 있습니까? JQuery와의 낙하 할을 설정할 때

Question

, 당신은 이런 위에 드래그 유혹을 기반으로 클래스 (또는 함수)에 할당 할 수 있습니다 :

$(".myDroppable") 
    .droppable({ 
     hoverClass : 'droppableStyle' 
    }) 

간단한을 기본적으로 드래그 JQuery와 함께 잘 작동합니다.

그러나 나는 터치에 의존하는 솔루션을 개발하고 있으며 드래그 부분에 jQuery 드래그를 사용하지 않기로 결정했습니다. 그러나 여전히 Droppables를 사용하고 싶습니다.

질문 : 항목을 끌어다 놓을지 결정하기 위해 '듣기'기능은 무엇입니까? 집에서 마우스 이벤트를 끌 수있는 방법이 있습니까? 드래그 할 때 드래그 할 수있는 마우스를 드래그 할 수 있습니까?

Answer 1

over 및 out 이벤트가이 옵션을 트리거한다고 생각하지만 아직 테스트 할 수있는 draggable이없는 droppable을 사용해야합니다. accept 옵션을 사용하여 집에서 만든 draggable을 선택할 수 있으며 droppable은 그에 맞게 처리해야합니다.

$(".myDroppable") 
    .droppable({ 
     hoverClass: "droppableStyle", 
     accept: ".homeMadeDraggable" 
}); 

정확히 무엇이 일어나는지 말하기는 어렵지만 코드를 보지 않아도됩니다. 의 소스 코드를보고 api과 함께 표면 아래에서 일어나는 일과 그 사건이 작동하는지 여부를 명확히해야합니다.

 _over: function(event) { 

      var draggable = $.ui.ddmanager.current; 
      if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element 

      if (this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) { 
        if(this.options.hoverClass) this.element.addClass(this.options.hoverClass); 
        this._trigger('over', event, this.ui(draggable)); 
      } 

    }, 

    _out: function(event) { 

      var draggable = $.ui.ddmanager.current; 
      if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element 

      if (this.options.accept.call(this.element[0],(draggable.currentItem || draggable.element))) { 
        if(this.options.hoverClass) this.element.removeClass(this.options.hoverClass); 
        this._trigger('out', event, this.ui(draggable)); 
      } 

    },