使用Twitter Bootstrap解除警報不起作用？

我正在使用Google Chrome。
使用Twitter Bootstrap，我想添加一個簡單的提醒，不幸的是，當按下x時，alert不會消失！使用Twitter Bootstrap解除警報不起作用？

這裏是基於alert文檔我的代碼：

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <button type="button" class="close" data-dismiss="alert">×</button> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
</html>

而且我也試過：

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
     <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <a href="#" class="close" data-dismiss="alert">×</a> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
    </html>

缺什麼，使它解僱？

來源

2012-11-22 Ashraf Bashir

不奇怪，因爲你已經完全忘記了bootstrap.js :) – davidkonrad

它的工作:) ....謝謝:) ....你可以把它作爲答案，以便我可以增加你的觀點:) –

沒關係，只是一個典型的錯誤 - 一直髮生:) – davidkonrad

感謝davidkonrad的評論。
解決方案是微不足道的，通過添加：

<script src="js/bootstrap.min.js"></script>

來源

2012-11-22 11:57:16

另一個原因可能是：未捕獲錯誤：Bootstrap的JavaScript需要jQuery。然後添加'％script {：src =>'//code.jquery.com/jquery.js'}' –

我寫了一個small, customisable, jquery plugin：注射正確引導形成3警報（有或沒有關閉按鈕，你需要它），以最簡單的，並允許您在盒子關閉後容易地再生它。

查看https://github.com/davesag/jquery-bs3Alert的使用，測試和示例。

來源

2014-05-06 11:27:36

使用Twitter Bootstrap解除警報不起作用？

回答

相關問題