logo标签列表

使用Twitter Bootstrap进行警告框消失的功能无法正常工作？

twitter-bootstrapalertdismiss
15

我正在使用 Google Chrome。
使用 Twitter Bootstrap，我想添加一个简单的警告，但不幸的是，当按下 x 按钮时，警告 没有消失！

以下是基于警告文档的代码：

<!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>

还缺少什么才能使其被驳回？

8
没问题，因为你完全忘记了bootstrap.js :) - davidkonrad
2
它有效 :) .... 谢谢 :) .... 你可以将其作为答案放置，这样我就可以增加你的积分 :) - Ashraf Bashir
3
没关系，只是一个典型的错误 - 经常发生 :) - davidkonrad
2个回答
20

感谢davidkonrad的评论。
只需添加以下内容即可轻松解决问题：

    <script src="js/bootstrap.min.js"></script>
2
另一个可能的原因是：未捕获的错误：Bootstrap 的 JavaScript 需要 jQuery。然后应该添加 %script{ :src => '//code.jquery.com/jquery.js' }。 - Jing Li
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接