2013-01-04 52 views
4

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

回答

4

仔细检查所有的依存关系。确保你有所有合适的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/

+0

小提琴不再工作了。至少JavaScript是过时的或类似的东西。 –

+0

看起来像Twitter改变了他们的资产之路。它应该现在工作,但。 –

+0

另请注意,您可以在小提琴的“外部资源”下找到它们。 –