当前位置:  开发笔记 > 前端 > 正文

Bootstrap模态背景='静态'不起作用

如何解决《Bootstrap模态背景='静态'不起作用》经验,为你挑选了2个好方法。

首先,我用这个打开我的模态:

$('#myModal').modal('show');

然后,在另一种情况下,我需要在按ESC /点击外面时这个相同的模态不会关闭,所以我使用这个:

$('#myModal').modal({
    backdrop: 'static',
    keyboard: false
})

但是一旦我用第一种方法打开我的模态,第二种方法就不起作用了.任何提示?

如何强制backdrop值切换工作?



1> 小智..:

我找到了解决此问题的方法.

一旦模态被隐藏,引导数据仍然保留在其上.为了防止我有以下情况:

$('#myModal').modal('show'); //display something
//...

// if you don't want to lose the reference to previous backdrop
$('#myModal').modal('hide'); 
$('#myModal').data('bs.modal',null); // this clears the BS modal data
//...

// now works as you would expect
$('#myModal').modal({backdrop:'static', keyboard:false});



2> 小智..:

与Daniele Piccioni相似,但更简洁:

$('#myModal').modal({backdrop: true, keyboard: false, show: true});
$('#myModal').data('bs.modal').options.backdrop = 'static';

这是为了 Bootstrap 3.+

另请参阅:更改Bootstrap模式选项(如果已存在)

推荐阅读
135369一生真爱_890
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有