Bootstrap class =“close”关闭所有模态

Question

我有一个从另一个模态打开的模态，当我关闭最后一个模态时，它关闭了两个模态。

这里是最后打开模态的代码：

<div id="myModal" class="modal hide fade"> 
    <div class="modal-header"> 
     <button id="closeMyModal" class="close" 
      data-dismiss="modal">&times;</button> // This class makes all modals closes 
     <h3>MyModal</h3> 
    </div> 
    <div class="modal-body"> 
     [...] 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal">Ok</button> // This only closes the current 
    </div> 
</div> 

我可以从close类的modal-header的改变btn，它解决了问题，但CSS是不一样的。

我该如何解决这个问题？它应该是正确的行为？

Answer 1

你应该把你的submodal div不在第一个模态的html里面。您应该将该div放在主窗口（第一个模式的父项）正文中。