Twitter bootstrap Twitter引导按钮下拉列表未下拉

我试图使用一个简单的下拉按钮从推特引导但是，它没有显示下拉选项。代码如下，这里是一个小提琴的链接：

编辑：发现问题。我将

bootstrap.js

包含在

中。正如Twiiter Bootstrap文档所说，一旦我将该行更改为

，它马上就可以工作了。我从没想过

或

中包含的脚本会有什么不同。现在我知道了

<div class="btn-toolbar" style="margin: 0;">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>             
    </div>
</div>
​

行动







​

好吧，您发布的提琴不起作用，因为您没有选择jquery（引导窗口小部件需要jquery）作为您的框架（选择框位于页面右侧的侧栏上）。您是在实际代码中加载jquery吗？

下面是加载jquery和引导的工作流程

<div class="btn-toolbar" style="margin: 0;">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>             
    </div>
</div>

行动

您必须添加一个类 下拉列表 到“ul”元素

<div class="btn-toolbar" style="margin: 0;">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>             
    </div>
</div>

行动

---

​ 你可以在这里检查它是否有效

我认为你必须忘记在头脑中链接Jquery.js或Bootstrap.js，它们都是需要的。我自己也有这个问题，并通过添加这两个脚本链接来解决它

除了将jQuery包含在小提琴中之外，您还做了其他任何更改吗？我更改了button类，我认为您没有进行下拉切换。。我从工作中复制并粘贴到项目中的代码没有显示下拉选项。在同一个页面中，我有一个jqueryui进度条，因此jQuery肯定包括在内。现在真的很困惑…谢谢你的回答，但是，如果你在ul上尝试使用或不使用“下拉”选项，它的工作原理是一样的。因此，您的小提琴中唯一的问题是没有包括jQuery。。你完全正确，我忘了把它放在提琴上，但我把它放在我的项目中（测试过！）。我真的不明白为什么它没有显示选项…这很奇怪：你有没有可能发布页眉以便我们可以看到你正在加载的内容？而且你的小提琴不起作用，因为你使用了

mootools 1.4.5

导致

TypeError:无法调用未定义的
的方法“create”，这是一个使用jQuery1.7.2的分叉工作版本，帖子已经说过“从来没有想过在或中包含的脚本有什么不同”，所以这个答案有点多余。