javascript - 为什么我的 Bootstrap 的下拉菜单不起作用？

Question

我按照 http://twitter.github.com/bootstrap/javascript.html#dropdowns 上的说明进行操作在我的导航栏中启用下拉列表但未能这样做。我似乎无法显示我的下拉列表。我的代码也和网站上的demo一样。谁能帮我解决这个问题吗？下面是代码:

<ul class="nav">
    <li class="dropdown" id="d1">
            <a class="dropdown-toggle" data-toggle="dropdown" href="d1"  >
                Sub-User Management
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href=<%=subusers_url%>>Sub-Users</a></li>
                <li><a href=<%=monitor_records_url%>>Monitors</a></li>
                <li class="divider"></li>
            </ul>
        </li>
    </ul>

application.js

$('.dropdown-toggle').dropdown()

Answer 1

像许多其他问这个问题的人一样，我花了几个小时试图弄清楚这一点。如果您的下拉菜单不起作用，可能会出现以下问题:

我是 Bootstrap 新手，就我而言，我使用此处的 Bootstrap 演示作为模型:

bootstrap demo

但只有在我遵循基本的 boostrap 安装之后。

因此我安装了“bootstrap.js”文件。检查代码并注意，在这个演示中，一系列js脚本位于文档的末尾，但默认的“bootstrap.js”不是其中之一。删除它使我的下拉菜单正常工作。

也有可能它可以以相反的方式工作，即保留“bootstrap.js”并删除其他内容。这可能是一个更好的解决方案。

希望这能帮助像我这样的其他可怜的 SCSS 。祝您所有项目顺利!