bootstrap-select不代理单击事件

Question

我有select元素：

  <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>

我得到了很好的multiply下拉菜单，除了当我点击菜单项(select或delestct it)时，没有任何反应。

为什么不点击事件代理从我的原始(被隐藏)选项元素到新创建的元素'ul.dropdown-menu li a‘？我怎么才能修复它？

Answer 1

将您的代码更改为：

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

这必须行得通；

Answer 2

虽然$("#selectBox").change(...) / .on("change", ...)会在下拉菜单选项更改时触发，但当选择保持不变时，它将不起作用。

例如，如果您希望在下拉菜单关闭时立即选中与下拉菜单关联的单选按钮，请使用hidden.bs.select事件。

只要不导致下拉列表失去焦点并关闭，我们也可以使用相关的show.bs.select或shown.bs.select。

缺点是，即使我们不更改下拉菜单选择，例如，在没有选择选项的情况下打开并在下拉菜单外单击，我们也会获得事件。

参见bootstrap-select documentation on events。