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();

如何在另一个模式弹出窗口处于活动状态时关闭它

2 个答案: