bootstrap-select不代理click事件

Question

我有选择元素:

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

并通过jquery设置click事件:

$('#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(){
    .....
});

这必须奏效;