twitter-bootstrap - bootstrap-select 不代理点击事件

Question

我有选择元素:

  <select id='selectBox'>
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>

并通过 jquery 设置点击事件:

$('#selectBox option').click(function(){
.....
});

使用后 http://silviomoreto.github.io/bootstrap-select/ :

  <select id='selectBox' class="selectpicker" multiple="" data-selected-text-format="count">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>

我得到了很好的乘法下拉菜单，一切正常，除了当我点击菜单项(选择或删除它)时什么都没有发生。

为什么不单击从我的原始(隐藏的)选项元素到新创建的元素 'ul.dropdown-menu li a' 的事件代理？我该如何解决？

Answer 1

将您的代码更改为:

$('#selectBox').on('change', function(){
    .....
});

这必须有效；