Javascript 在引导下拉菜单中使用的引导multiselect

当我独立使用multiselect时，它工作得很好

但是当我把它放在一个引导下拉菜单中，我们知道，如果我们点击下拉菜单，它的窗口就会关闭

因此，我使用stopPropagation（）停止将单击事件编程到下拉菜单，但是，通过这样做，multiselect无法工作，而“test”可以正确调用函数test（）

我的代码如下：

<ul class='dropdown-menu dropdown-menu-right'>
  <li>
    <div class='container-fluid'>
      <div class='row' id='filter-container'>
        <div class='col-md-12'>
          <h4><a onclick='test();'>test</a></h4>
          <select id='example-getting-started' multiple='multiple'>
            <option value='aaaaaa'>bbbbbb</option>
            <option value='cccccc'>cccccc</option>
            <option value='dddddd'>dddddd</option>
            <option value='eeeeee'>eeeeee</option>
          </select>
        </div>
      </div>
    </div>
  </li>
</ul>




$('#filter-container').click(function(e) {
  e.stopPropagation();
});

测试
bbbbbb
中交
dddddd
Eeeee


$（“#筛选容器”）。单击（函数（e）{
e、 停止传播（）；
});

我遇到了同样的问题，并找到了能够解决所有这些问题的引导插件。它将使下拉列表保持打开状态以进行多次选择。这个片段似乎有问题

芥末
番茄酱
喜欢

我遇到了同样的问题，并找到了能够解决所有这些问题的引导插件。它将使下拉列表保持打开状态以进行多次选择。这个片段似乎有问题

芥末
番茄酱
喜欢

结论：

@看

下拉事件将按以下方式显示到文档中：

$(document)
    .on('click.bs.dropdown.data-api', clearMenus)
    .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
    .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
    .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
    .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)

}(jQuery);

因此，没有方法将multiselect置于引导下拉菜单中。

结论：

@看

下拉事件将按以下方式显示到文档中：

$(document)
    .on('click.bs.dropdown.data-api', clearMenus)
    .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
    .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
    .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
    .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)

}(jQuery);

---

因此，没有方法将multiselect放入引导下拉菜单。

什么是test（）函数？@Ctc test（）是一个简单的警报。函数test（）{alert（'1'）；}您的test（）函数是什么？@Ctc test（）是一个简单的警报。函数test（）{alert（'1'）；}嗯，我的场景是当我将引导选择或引导多选择放在下拉菜单中时，它无法工作，因为外部容器将被关闭。嗯，我的场景是当我将引导选择或引导多选择放在下拉菜单中时，它无法工作，因为外部容器将被关闭。