javascript - 在可见时无法更改 Twitter Bootstrap 模式的选项

Question

我的代码：

modal.modal({keyboard: true, backdrop: true});

和

function submit(modal){
    modal.data('modal').options.keyboard = false;
    modal.data('modal').options.backdrop = 'static';
    /* Do other stuff */
};

但是，在运行 function 之后submit，单击背景或按下Esc会导致模态框隐藏。我知道该modal变量是正确的，因为 runningmodal.modal('hide');在 function 中有效submit。在模态可见时submit调用函数脚本。

如何更改这些选项并让它们立即生效？

Answer 1

能够使用以下内容：

modal.off('keyup.dismiss.modal');
$('div.modal-backdrop').off();

第一个禁用了转义键绑定，后者禁用了背景上的点击事件。

Answer 2

你可以简单地添加这个：

 data-backdrop="static" data-keyboard="false"

到模态本身：

 <a class="btn" data-toggle="modal" data-backdrop="static" data-keyboard="false" href="#myModal" >Launch Modal</a>

然后在模态打开时使用 JavaScript 更改它。这应该可以帮助您根据需要自定义模式。

Answer 3

这是您应该如何使用它的示例。

$('#my-modal').modal({
show : true,
keyboard : true,
backdrop : true
});

您还可以在此处找到此问题的答案：如何使用 Twitter Bootstrap 指定多个 javascript 模态参数？