使用Twitter的引导警报解聘不工作?(Alert dismissing using Twitte

2019-08-03 02:40发布

我使用谷歌浏览器。
使用Twitter的引导 ,我想补充一个简单的警报,不幸的是, 警报时,按下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>

缺什么,使它解雇?

Answer 1:

由于davidkonrad的评论。
解决的办法是微不足道的,通过添加:

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


Answer 2:

我写了一个小的,可定制的,jQuery插件即以最简单的注入正确引导形成3警报(有或没有,因为你需要它关闭按钮),并允许您轻松地生成它的对话框关闭后。

见https://github.com/davesag/jquery-bs3Alert的使用,测试和示例。



文章来源: Alert dismissing using Twitter Bootstrap is not working?