選擇 - 在更改事件後觸發打開事件

Question

我正在使用選定的jquery插件，並希望在調用change事件時立即觸發打開的事件，以便顯示包含所有選項的搜索欄。

HTML代碼

$(document).ready(function() { 
    $('#myselect').chosen().change(function(){ 
    // alert('change event called'); 
    $('#myselect').trigger('chosen:activate'); 
    $('#myselect').trigger('chosen:open'); 
    add_food({{profile_id}}); 
    }); 
}); 

雖然$('#myselect').trigger('chosen:open');打開了搜索欄和選項，當我試圖在控制檯上

<select id="myselect" data-placeholder="Add foods you can buy here." style="height:30px;width: 100%" class="chosen-select" > 
    <option value=""></option> 
    {% for each in food_list %} 
     <optgroup label={{each.node}}> 
      {% if each.children %} 
       {% for eachchild in each.children %} 
        <option>{{eachchild}}</option> 
       {% endfor %} 
      {% else %} 
       <option>{{each.node}}</option> 
      {% endif %} 
     </optgroup> 
    {% endfor %} 
</select> 

jqyery代碼，但它不更改事件函數內工作。我錯在哪裏？

Answer 1

由於您沒有包含足夠有用的代碼，因此很難準確理解您的要求。

有我創建了一個小提琴顯示了這個工作：http://jsfiddle.net/4VLrB/2/

你包括chosen.css和chosen.jquery.js（後你有jQuery的）？

<script type='text/javascript' src='jquery...'></script> 
<script type='text/javascript' src='chosen.jquery.js'></script>