2013-02-15 25 views
1

我們正在使用jQuery Chosen插件將HTML select轉換爲一個很好的可搜索列表。我正在嘗試的是在選擇完成後在列表底部添加一個鏈接(即觸發liszt:ready)。綁定到選定的liszt:ready event

我可以很容易地結合到liszt:showing_dropdown用下面的代碼和它工作得很好:

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

然而,當我嘗試用liszt:ready它不工作來代替liszt:showing_drop。我認爲這是正常的,因爲當$("select").chosen()被執行時觸發liszt:ready

這裏是jquery.chosen.js從而觸發liszt:ready事件的摘錄:

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

可能有人請指導我如何綁定到liszt:ready事件?

回答

3

我不知道,如果是做正確的方式,但它爲我工作:

  1. liszt:ready事件
  2. 應用選擇
  3. 觸發liszt:ready手動

收聽liszt:ready活動:

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

然後應用選擇和觸發liszt:ready手動

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

請讓我知道,如果有一些更合適的方式來實現這一目標。

相關問題