关闭Bootstrap模态

2018-06-30 02:24:01

我有一个最初要显示的引导模式对话框，然后当用户单击该页面时，它会消失。我有以下几点：

$(function () {
   $('#modal').modal(toggle)
});

 <div class="modal" id='modal'>
     <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Error:</h3>
        </div>
        <div class="modal-body">
        <p>Please correct the following errors:</p>
        </div>
     </div>
 </div>

模态最初显示，但在模态外单击时不会关闭。此外，内容区域不会变灰。我怎样才能让模式显示在最初，然后在用户点击区域之后关闭？我怎样才能让背景在演示中变成灰色？

把modal('toggle')而不是modal(toggle)

$(function () {
   $('#modal').modal('toggle');
});

要关闭引导程序模式，您可以将'隐藏'作为选项传递给模态方法，如下所示

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

请看看这里的工作小提琴

引导程序还提供了可以挂钩到模态功能的事件，例如，如果要在模式完成从用户隐藏时触发事件，则可以使用hidden.bs.modal事件，您可以在此阅读有关模态方法和事件的更多信息文档

如果以上方法均不起作用，请给您的关闭按钮添加一个ID并触发点击关闭按钮。

$('#modal').modal('toggle');

要么

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

应该管用。

但如果没有其他的工作，你可以直接调用模式关闭按钮：

$("#modal .close").click()

链接地址: http://www.djcxy.com/p/83985.html

上一篇: Close Bootstrap Modal

下一篇: How to close a modal by clicking outside the modal window?