Bootstrap Modal无法正常工作

Question

Bootstrap Modal无法正常工作

kir*_*rby 3 html modal-dialog twitter-bootstrap

我有一个简单的按钮,使用bootstrap的模态,就像一个弹出div.我无法让它发挥作用.当我点击按钮时,没有任何反应.我用的是firefox.我可能忘记了简单的事情,但我找不到问题.

        <!DOCTYPE html>
        <html>
          <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type='text/javascript' src='http://twitter.github.com/bootstrap/1.4.0/bootstrap-modal.js'></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">

     </head>
     <body>

      <a class="btn" data-controls-modal="my-modal" data-backdrop="static" id='mod'>Launch Modal</a>

     </body>
   </html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

小智 6

另外,请确保包含css规则以设置背景元素的样式.例如:

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，1 月前
查看次数：	20017 次
最近记录：	13 年，5 月前