Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="store_cat">
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="abc_&_abc" />abc_&_abc
  <br>
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="abc_&_abc" />abc_&_abc
  <br>
  <input type="checkbox" value="abc_&_abc" />abc_&_abc
  <br>
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="abc_&_abc" />abc_&_abc
  <br>
  <input type="checkbox" value="abc_&_abc" />abc_&_abc
  <br>
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="a" />a
  <br>
  <input type="checkbox" value="abc_&_abc" />abc_&_abc
  <br>
</div>

这是css部分：

         <!DOCTYPE html>
         <html lang="en">
         <head>
          <title>Example of Bootstrap 3 Modals</title>
          <link rel="stylesheet"           href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
           <link rel="stylesheet"     href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-    theme.min.css">
          <script            src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">               </script>
              <script  src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">          </script>

         <script type="text/javascript">
      $(document).ready(function(){
      $('.open-modal').click(function(){



        $('#myModal1').modal('hide');
    });


    </script>

身体部位：启动演示模式

     <style type="text/css">
       .bs-example{
          margin: 20px;
          }
          </style>
           </head>

我在同一页面中有2个模态。如何点击第二个模态中的关闭按钮将关闭所有模态（弹出窗口）？你能告诉我我错的一步吗？

Answer 1

我认为这就是你要找的东西：

$('a[href="#myModal1"]').click(function() {
  $('div[id^="myModal"]').modal('hide');
});
$('.close').click(function() {
  $('div[id^="myModal"]').modal('hide');
});

<强> jsFiddle

希望这有帮助。

Answer 2

尝试按类

进行定位

$(document).on('click', 'button[data-dismiss="modal"]', function(){
    $('.modal').modal('close');
});

当我有2个模态时，我如何在bootstrap中关闭模态（弹出屏幕）

2 个答案: