jquery - 绑定到选择的 liszt:ready 事件

Question

我们正在使用 jQuery Chosen 插件将 HTML 转换select为一个漂亮的可搜索列表。我正在尝试的是在选择准备好（即被liszt:ready触发）后在列表底部添加一个链接。

我可以很容易地绑定到liszt:showing_dropdown以下代码，它工作得很好：

$("select").chosen().on("liszt:showing_dropdown", function(){
   console.log "List opened."
})

但是，当我尝试用它替换liszt:showing_drop时，liszt:ready它不起作用。我认为这是正常的，因为执行liszt:ready时会触发$("select").chosen()。

这是触发事件的 jquery.chosen.js 的摘录liszt:ready：

...
this.results_build();
this.set_tab_index();
return this.form_field_jq.trigger("liszt:ready", {
  chosen: this
});
...

有人可以指导我如何绑定到liszt:ready事件吗？

score 3 · Accepted Answer

我不确定这是否是正确的方法，但它对我有用：

监听liszt:ready事件：

$("select").on("liszt:ready", function(){
   console.log("Hey, I am ready!");
})

liszt:ready然后应用选择并手动触发

("select").chosen().trigger("liszt:ready");

请让我知道是否有更合适的方法来实现这一目标。

1 回答 1