Question

单击时，下拉按钮不执行任何操作。在控制台中，我可以看到.open类在点击时会添加到按钮中，但会立即删除。

HTML：

<div class = 'btn-group'>
    <button class = 'btn dropdown-toggle' data-toggle = 'dropdown'>Radio Station <span class = 'caret'></span></button>
    <ul class = 'dropdown-menu'>
        <li><a href="#">WKAQ</a></li>
    </ul>
</div>

Answer 1

仔细检查所有依赖项。确保你拥有所有合适的CSS，JS文件。

确保您拥有以下依赖项：

<head>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
</head>

你的HTML：

<div class = 'btn-group'>
    <button class = 'btn dropdown-toggle' data-toggle = 'dropdown'>Radio Station <span class = 'caret'></span></button>
    <ul class = 'dropdown-menu'>
        <li><a href="#">WKAQ</a></li>
    </ul>
</div>

以下是HTML的一个工作示例：

http://jsfiddle.net/JLXN7/18/

如何启用bootstrap下拉按钮？

1 个答案: