触发 jQuery UI 事件：ui-selectable

Question

编辑：

jQuery UI 可选择小部件内置了一个回调，stop，我需要知道如何以编程方式触发此事件。

---

（措辞不佳） 我已将事件侦听器附加到 jQuery UI Selectable Widget。如何以编程方式触发 stop 事件？

---

Ex可选：

$("table").selectable({
  filter: "tr",
  stop: function(){
    //do stuff
  }
});

// Various attempts at triggering the stop event
// one
$("table .ui-selected").click();

// two
$("table .ui-selected").select();

// three
$("table .ui-selected").trigger("click");

// shot in the dark 1
$("table").selectable('widget').trigger('stop');

// Shot in the dark 2
$("table").trigger('stop');

// really long shot in the dark
$("table").selectable('widget').call('stop');

进一步尝试

// selectablestop event

$("#table").selectable('widget').trigger('selectablestop');

$("#table .ui-selected").trigger('selectablestop');

Answer 1

如果您想在控件之外触发事件，只需调用.trigger()即可。这假设您在选项中使用 .bind() 而不是匿名 stop:function() 。

$("#selectable").selectable({});
$("#selectable").bind("selectablestop", function(event) {
    $("body").append("<h1>did selectablestop</h1>");
});
$(":button").click(function() {
    $('#selectable').trigger('selectablestop');
});

jsfiddle 上的代码示例。

编辑

另一种方法是检索 stop: 选项值（这将是函数）

var s = $('#selectable').selectable( "option" , "stop"); 
s(); //call the function.

jsfiddle。

Answer 2

我最终做到了这一点，发现于 如何使用 jQuery UI 以编程方式选择可选择项？< /a>

 $('#selectable').data("selectable")._mouseStop(null);

这将触发鼠标停止事件并在可选对象上执行绑定的停止函数。如果有一种方法可以以更优雅的方式触发停止，我很乐意看到。