2013-01-04 54 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

另請注意,您可以在小提琴的「外部資源」下找到它們。 –