多个引导下拉列表 - 在它们之间单击时菜单不会隐藏



这是我的脚本和风格包括:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Stuff
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Stuff 1</a>
<a class="dropdown-item" href="#">Stuff 2</a>
<a class="dropdown-item" href="#">Stuff 3</a>
</div>
</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Actions
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">Action1</a>
<a class="dropdown-item" href="#">Action 2</a>
<a class="dropdown-item" href="#">Action 3</a>
</div>
</div>

我遇到的问题是在这些下拉列表之间单击不会关闭先前单击的下拉列表。 我注意到第一次单击下拉列表时会添加节目公开课。单击下拉列表以外的任何元素之前,打开的类似乎不会被删除。

这个开放类似乎没有添加到引导站点的示例中。

我想保留点击行为,但也要关闭菜单,我在两个引导下拉元素之间单击它。

一些帮助将不胜感激。 谢谢。

所以,我最终找到了问题。 代码中有一部分正在加载一个非常旧版本的引导程序。 删除该脚本包括解决了我的问题。

最新更新