封闭引导模态

我有一个引导模式对话框，我想首先显示，然后当用户在页面上单击时，它就消失了。我有以下几点:

$(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>

模态最初会显示，但在模态之外单击时不会关闭。此外，内容区域没有灰色。我怎么能得到模态显示最初，然后关闭后，用户点击区域外?我怎么能得到背景是灰色的演示?

当前回答

$("#your-modal-id").modal('hide');

通过类($(".my-modal"))运行这个调用将不起作用。

2016-12-05 10:22:26

其他回答

经过一些测试，我发现对于引导模式，在执行$(.modal).modal('show')后执行$(.modal).modal('hide')之前需要等待一段时间。我发现在我的情况下，我需要在两者之间至少500毫秒的间隔。这是我的测试用例和解决方案:

$('.modal-loading').modal('show');
setTimeout(function() {
  $('.modal-loading').modal('hide');
}, 500);

2019-12-21 05:24:25

关闭引导模式，你可以传递'hide'作为选项的模式方法，如下所示

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

请在这里看看工作小提琴

bootstrap也提供事件，你可以挂钩到模态功能，比如如果你想触发一个事件，当模态完成隐藏从用户，你可以使用hidden. b.s modal事件，你可以阅读更多关于模态方法和事件在这里的文档

如果以上方法都不起作用，给你的关闭按钮一个id，并触发点击关闭按钮。

2013-11-25 11:16:43

用modal('toggle')代替modal(toggle)

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

2013-05-11 03:19:28

你可以用;

$('#' + $('.modal.show').attr('id')).modal('hide');

2018-04-05 12:53:04

我对这个的五分是，我不想有一个id的引导模式的目标，看到应该只有一个模式在一个时间，以下应该是相当足以删除模式，因为切换可能是危险的:

$('.modal').removeClass('show');

2015-08-11 09:26:36

封闭引导模态

推荐文章

最新文章

标签