javascript - Bootstrap Dropdown 永久显示 - 不特定于按钮点击

Question

我正在使用 Bootstrap，我正在尝试创建一个下拉菜单，当我点击其中一个导航按钮时出现。

这是引用我的脚本的方式:

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.icon-large.css" rel="stylesheet">
<link href="css/superslides.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/home.css" rel="stylesheet">
<script src="js/jquery1.9.js"></script>
<script charset="utf-8" type="text/javascript" src="carousel/dist/jquery.superslides.js"/>
<script type="text/javascript">
    $('#slides').superslides();
    $('.dropdown-toggle').dropdown()
</script>
<script src="js/bootstrap.min.js"></script>

这是我的 html 设置:

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLUB</a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li><a href="#">GALLERY</a></li>
        <li><a href="#">SOCIALS</a></li>
        <li><a href="#">TOURNAMENTS</a></li>
    </ul>
</li>

因此，目前，下拉菜单始终显示，而不是仅在单击“CLUB”链接时出现。控制台未返回任何错误，仅供引用。

Answer 1

确保您没有任何其他 JS/jQuery 库会触发下拉菜单的点击。

例如，需要在 Bootstrap Dropdowns 上禁用 FastClick，因此您可能有类似的东西正在执行“合成点击”；

https://github.com/ftlabs/fastclick