실제로 드래그 앤 드롭하지 않고 jQuery UI Droppable을 사용하여 Drop 이벤트를 트리거하는 방법은 무엇입니까?

Question

나는 드롭 이벤트 핸들러와 낙하 할이 : 내가 가지고있는

$(this).droppable({ 
    drop:function(){ 
    console.log('OMG You Dropped It!'); 
    } 
}); 

을 드래그 :

$(this).draggable(); 

내가하고 싶은 것은 낙하 할의 드롭 이벤트 핸들러를 트리거입니다드래그 가능을 실제로 드래그 앤 드롭하지 않아야합니다. 물리적으로 동작을 수행하지 않고 실제 동작을 시뮬레이트하고 싶습니다.

나는 이런 식으로 뭔가를 할 것이라고 생각 :

$(droppable).trigger('drop', [draggable]); 

불행하게도, 그것은 아주 간단하지 않습니다. 아무도 내가 이것을 성취 할 수있는 방법을 알고 있습니까?

Answer 1

drop 처리기의 코드를 별도의 기능으로 옮겨야합니다.
그러면 핸들러와 다른 곳에서 함수를 호출 할 수 있습니다. 낙하 할에 뭔가를 포기하는 경우 일 것입니다 당신이 무엇을 얻을

$("#droppable").droppable({ 
     drop: function(event, ui) { 
      do stuff } 
    }); 
var drop_function = $("#droppable").droppable.option('drop'); 
drop_function(); 

이 방법 :

Answer 2

당신은 옵션-방법을 통해 드롭 통화와 관련된 기능을 트리거 할 수 있습니다. 물론 함수를 할당하는 대신에 함수를 실행할 수 있습니다. 그럼에도 불구하고 명확하게하기 위해 다른 곳에 정의하는 드롭 기능을 할당하는 것이 좋습니다. 당신이해야 jQuery를의 최신 버전으로, ajmurmann의 대답에 StuperUser에 의해 지적하고 기반으로

Answer 3

:

$("#droppable").droppable({ 
    drop: function(event, ui) { 
     do stuff } 
}); 
var drop_function = $("#droppable").droppable('option', 'drop'); 
drop_function();