JQuery UI : 객체가 삭제 된 위치를 알 수 있습니까?

Question

내가 원하는 것은 위치 (x, y)가 아닌 DOM 요소에 대한 참조)가 삭제 된 위치를 알아야한다는 것입니다.

나는 여러 항목을 삭제할 수있는 div가있는 그리드를 가지고 있는데, 그리드의 어느 div가 항목이 떨어 졌는지 (해당 ID를 얻는 것이 좋습니다) 알아야합니다. 콜백 함수

function(event, ui) { //code here } 

분명히 있지만 드래그 항목 또는 도우미에 대한,이에 대한 정보가 포함되어 있지 않습니다 그냥 UI 객체가 있습니다.

Answer 1

당신이 사용해야하는 것은 jQuery docs에서 읽을 수있는 jQuery Droppable 클래스입니다.

기본적으로 드래그 할 수있는 요소를 드롭 할 수있는 모든 요소에 대해 Droppable 개체를 만들면 다른 개체를 드래그하면 트리거됩니다. 이것은 jQuery를 워드 프로세서의 예는 다음과 같습니다

$(function() { 
     $("#draggable").draggable(); 
     $("#droppable").droppable({ 
      drop: function(event, ui) { 
       $(this) 
        .addClass("ui-state-highlight") 
        .find("p") 
         .html("Dropped!"); 
      } 
     }); 
    }); 

그 예에서 $(this) 당신이 찾고있는 요소입니다.