Fatal编程技术网

Twitter bootstrap 如何启用引导下拉按钮？

twitter-bootstrap

Twitter bootstrap 如何启用引导下拉按钮？,twitter-bootstrap,Twitter Bootstrap,单击下拉按钮时，该按钮不会执行任何操作。在控制台中，我可以看到，.open类确实会在单击按钮时添加到按钮中，但它会立即被删除 HTML: <div class = 'btn-group'> <button class = 'btn dropdown-toggle' data-toggle = 'dropdown'>Radio Station <span class = 'caret'></span></button> &

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

    <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:

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

    <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的工作示例：

    小提琴不再工作了。至少javascript已经过时了，或者类似的东西。看起来Twitter改变了他们资产的路径。不过，它现在应该可以工作了。另外请注意，您可以在小提琴的“外部资源”下找到这些。