首页 文章

jQueryUI可拖动，触发“停止”事件

提问于
浏览 次
3

我必须拖动的对象也可以通过键盘事件移动（键向上，向下，向左和向上）

在任何对象的拖动事件中，我有一个功能可以执行某些操作，当通过键盘移动对象时，我必须调用拖动停止事件

所有这些解决方案都不起作用

Jquery .trigger('stop') method for .draggable

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

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

How would you use Trigger to fire the jquery draggable start, drag, stop events?

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

1 回答

  • 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>
    回复于

相关问题