2012-10-28 64 views
1

我花了幾個小時試圖讓此引導程序崩潰插件正常工作。我很抱歉,如果這個問題之前已經被問過一堆,但我已經搜遍了這個地方尋找合適的答案。這裏是我的html:引導程序崩潰

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>:(</title> 
    <!-- Bootstrap --> 
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
</head> 

<body> 
    <h1>Collapse!</h1> 

    <a class="btn btn-danger" data-toggle="collapse" data-target="#demo"> 
    simple collapsible 
    </a> 

    <div id="demo" class="collapse in"> 
     <p>Hopefully this content will be collapsible!</p> 
     <p>And this too!</p> 
    </div> 


<script type="text/javascript"> 
$(document).ready(function(){ 
     $(".collapse").collapse() 
}); 
</script> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="bootstrap/js/bootstrap.min.js"></script> 

    </body> 
</html> 

這也是我第一次使用計算器來問一個問題,所以原諒的事實,我不知道如何正確地格式化我的問題。我只是添加了一小段jquery,希望它能以某種方式初始化頁面上的js元素。請幫忙!

+1

在包含jquery和bootstrap插件後放置您的java腳本代碼。 –

+0

良好的Html結構遵循>>> 1. css文件,2. css內聯代碼,3. javaScript文件,4. javaScript內聯代碼的順序。 –

+0

更改腳本的順序看起來並沒有幫助 –

回答

1

這裏是你的代碼http://jsbin.com/aximay/1/edit

+1

我的代碼的哪個部分是問題,然後? –

+1

這不是JS的順序嗎?你得到任何JS錯誤? –

+0

嘗試檢查Css文件和js文件是否有正確的路徑,並檢查控制檯是否有錯誤 – bmscomp

0

我看到這個問題是有點老的工作版本,而只是附加的註釋。

似乎沒有必要使用Bootstrap數據屬性和JavaScript。 BS docs (see Usage)不清楚這些是不同的選擇,但它可以獨立工作(數據屬性OR JS)。