5

我正在尝试使用 Twitter Bootstrap 中的简单下拉按钮。但是，它没有显示下拉选项。代码如下，这里是小提琴的链接：http: //jsfiddle.net/nunos/DjHyQ/11/

编辑：发现了问题。我包括bootstrap.js在<head>. 一旦我将该行更改<body>为 Twiiter Bootstrap 文档实际上所说的那样，它就立即起作用了。我从没想过包含在.<head>或<body>. 现在我知道了！

<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>
​
4

4 回答 4

1

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

于 2012-12-07T15:54:40.013 回答
1

这是工作小提琴，加载了 jQuery 和 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" 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>
于 2012-12-07T16:00:51.733 回答
0

您必须将类下拉列表添加到“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>

你可以在这里检查它是否有效。http://jsfiddle.net/DjHyQ/13/

于 2012-12-07T16:02:46.690 回答
-2

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

于 2013-06-14T08:18:48.977 回答