twitter-bootstrap – 如何启用bootstrap下拉按钮？

发布时间：2020-12-17 21:26:43 所属栏目：安全来源：网络整理

导读：单击时,下拉按钮不执行任何操作.在控制台中,我可以看到.open类在点击时会添加到按钮中,但会立即删除. HTML： div class = 'btn-group' button class = 'btn dropdown-toggle' data-toggle = 'dropdown'Radio Station span class = 'caret'/span/button ul cl

单击时,下拉按钮不执行任何操作.在控制台中,我可以看到.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>

解决方法

仔细检查所有依赖项.确保您拥有所有适当的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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!