[英]Unable to change options for Twitter Bootstrap modal WHILE visible
我的代码:
modal.modal({keyboard: true, backdrop: true});
和
function submit(modal){
modal.data('modal').options.keyboard = false;
modal.data('modal').options.backdrop = 'static';
/* Do other stuff */
};
但是,在运行功能submit
,单击背景或按Esc会导致模式隐藏。 我知道modal
变量是正确的,因为运行modal.modal('hide');
在功能submit
。 模态可见时 ,将调用submit
功能脚本。
如何更改这些选项并使它们立即生效?
能够使用以下内容:
modal.off('keyup.dismiss.modal');
$('div.modal-backdrop').off();
第一个禁用转义键绑定,第二个禁用背景幕上的click事件。
这是您应如何使用它的示例。
$('#my-modal').modal({
show : true,
keyboard : true,
backdrop : true
});
您还可以在这里找到以下问题的答案: 如何使用Twitter Bootstrap指定多个JavaScript模态参数?
您可以简单地添加以下内容:
data-backdrop="static" data-keyboard="false"
到模态本身:
<a class="btn" data-toggle="modal" data-backdrop="static" data-keyboard="false" href="#myModal" >Launch Modal</a>
然后在模式打开时使用JavaScript更改此设置。 这将帮助您根据需要自定义模态。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.