当另一个处于活动状态时，如何关闭一个模态弹出窗口

Question

我正在尝试从另一个模态弹出窗口获取模态弹出窗口。当我单击第一个弹出窗口的链接时，第二个弹出窗口正在打开，但是第一个窗口未关闭。

我该怎么做？

jQuery：

 $(".get-me-license").click(function(){
    $("#license").modal('show');
 });
 $(".confirm-my-license").click(function(){
    $("#confirm-license").modal('show');
 });

html：

<div id="license" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                  <img class="modal-cont" src="images/license-popup.png">
                <table class="get-license-confirm"> 
                  <tr>
                    <td><a href="#" class="btn btn-warning confirm-my-license">GET LICENSE</a></td>
                  </tr>
                </table>
                </div>                
            </div>
        </div>
 </div>
 <div id="confirm-license" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                  <img class="modal-cont" src="images/license-popup.png">
                <table class="get-license-confirm"> 
                  <tr>
                    <td><a href="#" class="btn btn-warning">Confirm</a></td>
                  </tr>
                </table>
                </div>                
            </div>
        </div>
 </div>

Answer 1

您可以尝试这两种方法

隐藏模态：

$('.YourModalElement').modal('hide');

或要完全破坏模态实例，您可以尝试此方法：

$('.YourModalElement').data('modal', null);

Answer 2

将普通类放在所有模态中，只需将hide参数调用模态函数，以显示新的模态。这样：

假设模态的共同类是"共同模式"。

$('.common-modal').modal('hide');

然后

$('yourmodal').modal();