使用jquery时打开2个模式

我的页面中有2个模态。当调用第二个模态时，两者都会打开。怎么了？使用jquery时打开2个模式

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Modal Body</p> 
       <button type="button" class="btn btn-default" data-dismiss="modal" href="otherpage.php">Continue</button> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal" href="otherpage.php">Close</button> 
      </div> 
     </div> 
    </div> 
</div>  

<div id="modal2" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Modal Body</p> 
       <button type="button" class="btn btn-default" data-dismiss="modal" href="otherpage.php">Continue</button> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal" href="otherpage.php">Close</button> 
      </div> 
     </div> 
    </div> 
</div>

我加载引导和我使用这个函数来调用第二个模式

$('#modal2').modal('show');

调用这个函数的第一个模式也将显示当

。怎么了？因为我希望只显示第二个模式。

来源

2015-12-28 mastahb

根据你提供的代码，它似乎在[这里]（https://jsfiddle.net/Lfram7hd/）工作。有没有其他相关的代码可能导致这种情况？ –

这将是一件好事，如果你也发布了什么情况下你打开这个'modals' –

我打开提交表单时的第二个模式。为了测试目的，我在Chrome控制台中使用此命令：$（'＃modal2'）。modal（'show'）; – mastahb

答案由@Josh Crozier提供。

在我的custom.js中，我的代码中还有一些依赖，下面的函数触发了其他模式。我没有意识到这一点。

$(window).on('shown.bs.modal', function() { 
    $('#myModal').modal('show'); 
});

感谢您的帮助！

来源

2015-12-28 14:16:48 mastahb

使用jquery时打开2个模式

回答

相关问题