Twitter bootstrap 引导选择不代理单击事件

Twitter bootstrap 引导选择不代理单击事件,twitter-bootstrap,select,onclick,Twitter Bootstrap,Select,Onclick,我有选择元素: <select id='selectBox'> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> 使用后: 我得到了很好的倍增下拉菜单,所有的工作都很好,除了当我点击菜单项选择或删除它什么都没有发生 为什么不单击事件代理从我原来隐藏的选

我有选择元素:

  <select id='selectBox'>
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
使用后:

我得到了很好的倍增下拉菜单,所有的工作都很好,除了当我点击菜单项选择或删除它什么都没有发生

为什么不单击事件代理从我原来隐藏的选项元素到新创建的元素“ul.dropdown-menu li a”?如何修复它?

将您的代码更改为:

$('#selectBox').on('change', function(){
    .....
});
这必须奏效

While$selectBox.change…/。一旦改变。。。当下拉菜单选项更改时触发,当选择保持不变时将不起作用

例如,如果要在下拉菜单关闭后立即选中与下拉菜单关联的单选按钮,请使用hidden.bs.select事件

我们也可以使用相关的show.bs.select或show.bs.select,只要不会导致下拉菜单失去焦点并关闭

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


请参阅。

您是否尝试过$'selectBox option'。单击,函数{};是的,这项工作。谢谢这并不完全是我所需要的,但它给了我一个必要的功能。这不是一个答案,这是一个解决办法。有合法的用例需要点击事件。
  <select id='selectBox' class="selectpicker" multiple="" data-selected-text-format="count">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
$('#selectBox').on('change', function(){
    .....
});