Question

我试图从外部链接的内容中关闭模态窗口。

<a id="loginLink" data-toggle="modal" href="/Home/Login" data-target="#modalLogin">Log in</a>

<div class="modal" id="modalLogin" align="center">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body"></div>               
        </div>
    </div>
</div>

我不想按下按钮

<a href="#" class="btn btn-default" data-dismiss="modal">Close</a>

因为那里的外部内容逻辑应该根据某些动作关闭窗口。

Answer 1

您应该能够以编程方式关闭模式，例如

$('#modalLogin').modal('hide');

如果您在页面上有其他内容（例如$.async()调用.done()函数，则可以执行上述操作以关闭模式。

这只会隐藏模态，而不是从DOM中删除它，如果你想在隐藏模态时执行某些操作，你可以将一个函数绑定到触发并与模态相关联的引导事件，例如：

$('#modalLogin').on('hidden.bs.modal', function (e) {
  // do something...
})

有关详细信息，请参阅http://getbootstrap.com/javascript/#modals-usage。

bootstrap 3如何从外部内容关闭模态

1 个答案: