爲什麼這個引導下拉的例子不起作用？

我只是嘗試了Bootstrap文檔中的示例，但它似乎不起作用。我只是得到純HTML。這是我的代碼：爲什麼這個引導下拉的例子不起作用？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" href="bootstrap.css" type="text/css"> 
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 

$('.dropdown-toggle').dropdown(); 


</script> 
<title>Dropdown</title> 
</head> 

<ul class="nav nav-pills"> 
    <li class="active"><a href="#">Regular link</a></li> 
    <li class="dropdown" id="menu1"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1"> 
     Dropdown 
     <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 
    </li> 
    ... 
</ul> 

</body> 
</html>

有沒有人看到這個問題？謝謝。

來源

2012-05-26 Loolooii

您是否檢查過您的bootstrap.css是否在那裏？ –

是的，我使用的Dreamweaver，我可以看到是否有任何問題鏈接到某個文件。沒有。 – Loolooii

js的順序是錯誤的，在下面發佈了一個答案。 Jquery首先>引導插件第二，當插件設置正確時，甚至不需要下拉電話。 –

我看到兩個問題，您的標記。

首先，你在jQuery插件之前加入了引導插件。 Jquery第一，引導插件第二。

其次，您使用的不被引導支持的DOCTYPE，你必須使用HTML5的DOCTYPE：

<!DOCTYPE html>

來源

2012-05-26 13:10:03

您能否提供有關Bootstrap僅適用於HTML 5的信息？ –

@JonathanWood在文檔頁面上的權利：http：//getbootstrap.com/2.3.2/scaffolding。html –

我明白了。謝謝。 –

-3

工作演示 ~~http://jsfiddle.net/jyy96/2/ 或 http://jsfiddle.net/jyy96/2/show或 http://jsfiddle.net/jyy96/~~

編輯 2015年7月9日 - 這裏固定：http://jsfiddle.net/jyy96/792/或http://jsfiddle.net/jyy96/792/show/

========== ================================

看起來像bootstrapcdn是流行的選擇，但對於那些想要使用cdnjs.com，他們有「所有文件」，並保持它們最新（版本2.0.0到2.1.1）。

http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap-responsive.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap-responsive.min.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.js 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/img/glyphicons-halflings-white.png 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/img/glyphicons-halflings.png

========================================= =

希望得到這個幫助。

腳本

<script type="text/javascript" src="/js/lib/bootstrap-2.0.2.js"></script> 


    <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">

jQuery代碼

$('.dropdown-toggle').dropdown();

[1] https://github.com/twbs/bootstrap/issues/1679

來源

2012-05-26 13:08:20

沒有這些演示現在工作 – JackalopeZero

@JackalopeZero謝謝布魯夫':)）'：修正：http://jsfiddle.net/jyy96/792/也看到上面更新後的帖子。 –

-1

我沒有看到你的<body>打開標籤

來源

2014-02-24 22:30:26

我想的jquery.js應該在引導javascript文件之前導入

來源

2014-03-26 12:20:45 Ulises

爲什麼這個引導下拉的例子不起作用？

回答

相關問題