jquery-ui - 触发 jQuery UI 事件 : ui-selectable

Question

编辑:

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

<小时/>

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

<小时/>

例如可选:

$("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 上的代码示例.