首先,我用这个打开我的模态:
$('#myModal').modal('show');
然后,在另一种情况下,我需要在按ESC /点击外面时这个相同的模态不会关闭,所以我使用这个:
$('#myModal').modal({ backdrop: 'static', keyboard: false })
但是一旦我用第一种方法打开我的模态,第二种方法就不起作用了.任何提示?
如何强制backdrop
值切换工作?
我找到了解决此问题的方法.
一旦模态被隐藏,引导数据仍然保留在其上.为了防止我有以下情况:
$('#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});
与Daniele Piccioni相似,但更简洁:
$('#myModal').modal({backdrop: true, keyboard: false, show: true}); $('#myModal').data('bs.modal').options.backdrop = 'static';
这是为了 Bootstrap 3.+
另请参阅:更改Bootstrap模式选项(如果已存在)