jQueryUI可拖動，觸發“停止”事件

Question

我必須拖動的對象也可以通過鍵盤事件移動（鍵向上，向下，向左和向上）

在任何對象的拖動事件中，我有一個功能可以執行某些操作，當通過鍵盤移動對象時，我必須調用拖動停止事件

所有這些解決方案都不起作用

.draggable的Jquery .trigger（'stop'）方法

$("#obj").draggable().trigger("dragstop");

$("#obj").trigger("dragstop");

你將如何使用Trigger來觸發jquery draggable start，drag，stop events？

var s = [{ClientX:0, ClientY:0, target:""},{}];
$("#obj").draggable("option" , "stop").apply($("#obj") , s);

Answer 1

我相信你在初始化時綁定了stop （ 或任何其他 ）事件，如下所示：

$("#draggable").draggable({
 stop: function(ev,ui){
 }
});

在這種情況下， trigger將無法工作。

單獨綁定事件，

例如：

$("#draggable").on("dragstop",function(ev,ui){

});

然后觸發器將起作用。

 $("#draggable").draggable(); $("#draggable").on("dragstop", function(ev, ui) { alert("draggable stop"); }); $("button").click(function(){ $("#draggable").trigger("dragstop"); }); 

 #draggable { width: 50px; height: 50px; background: dodgerblue; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <div id="draggable"></div> <button>click</button>