bootstrap static modal

来源：互联网发布：动态网站用哪个数据库编辑：程序博客网时间：2024/06/07 14:01

modal 显示后，点击空白处不去 hide modal

<!DOCTYPE html><html lang="en">  <head>    <title> modal </title>    <meta charset="utf-8">    <link rel="stylesheet" href="css/bootstrap.min.css">    <script src="js/jquery.min.js"></script>    <script src="js/bootstrap.min.js"></script>  </head><body>  <div class="container">    <!-- Modal -->    <div class="modal fade" id="staticModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">      <div class="modal-dialog">        <div class="modal-content">          <div class="modal-header">            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>            <h4 class="modal-title" id="myModalLabel">Modal title</h4>          </div>          <div class="modal-body">            {backdrop:"static"}          </div>          <div class="modal-footer">            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>            <button type="button" class="btn btn-primary">Save changes</button>          </div>        </div>      </div>    </div>    <button id="btn-static-modal" class="btn btn-primary" value="clickevent">backdropStatic</button>  </div>  <script>    $(document).ready(function(){      $('#btn-static-modal').click(function(){        $('#staticModal').modal({backdrop:'static'}).modal('show');      });    });   </script></body></html>

0 0