我们正在使用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()时触发。

以下是触发liszt:ready事件的jquery.chosen.js的摘录:

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


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

最佳答案

我不确定这是否是正确的方法,但对我有用:


收听liszt:ready事件
应用所选
手动触发liszt:ready


收听liszt:ready事件:

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


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

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

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

09-19 03:25