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

$('#element').draggable ({ stop: function () { alert ('stopped'); //do some action here } }).trigger('stop'); 

没有任何反应，以为#element现在是可拖动的，并且在拖动完成后事件会执行。 我试过.triggerHandle以及'dragstop'作为eventtype，没有运气

Answer 1

使用它来触发它：

 .trigger('dragstop') 

如果您希望它完全像普通事件一样运行，请使用.bind（’dragstop’，function）来附加它，start选项的行为略有不同。

Answer 2

我知道这是一个老问题，但现在可以通过使用jQuery模拟插件触发jquery ui的实际拖动事件而不是dragstart和dragstop。

这是我使用的代码，因为我需要访问可resize对象的捕捉元素（数据只能在拖动停止时访问）

 $(this).resizable({ handles: 'e', stop: function (e, ui) { var resizable = ui.element; resizable.simulate("mousedown", {clientX: e.clientX, clientY: e.clientY}); resizable.simulate("mousemove", {clientX: e.clientX + 10, clientY: e.clientY + 10}); resizable.simulate("mouseup", {clientX: e.clientX, clientY: e.clientY}); } });