我尝试使用基本下拉菜单......
<div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </div>
但它不起作用。所以我用Google搜索并将其添加到我的索引...
<script>window.__theme = 'bs4';</script>
仍然没有。我以为我没有正确地包含一些内容,我在下拉切换的第一行的bootstrap.js中放置了一个断点....
Dropdown.prototype.toggle = function toggle() { if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {
令我惊讶的是,我实际上是在打破这个断点。令我更加惊讶的是,我两次击中这个断点。只需单击一下,它就会打开下拉列表,只是因为第二次点击断点而可见,当我继续它时,切换下拉列表。所以实际上它每次点击它都会切换,但它切换两次以至于在我看到它之前打开和关闭,似乎根本不起作用。
这是一个已知问题还是有解决方法?