为什么我不能将背景更改为'true'或在Bootstrap中更改为'static'后将其删除？

Question

我想弄清楚为什么在使用Bootstrap的模态时首次将其更改为"静态"后,我无法将背景更改为"true".

我运行这段代码:

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

$.post('server.php', $('#form').serialize(), function(data) {
    if(data.success) {
        $('#modal').modal({backdrop: true, keyboard: true});
    } else {
        $('#modal').modal({backdrop: true, keyboard: true});
    }
}, 'json');

它将设置它,因此背景和键盘在开始时将不起作用,但我无法弄清楚为什么我不能将其设置回默认值.

谢谢阅读.

Answer 1

怎么样这个

它看起来像twitter bootstrap将所有数据存储在一个名为的数据变量中bs.modal.所以只需删除该数据变量并重新初始化模态.

你的最终代码看起来像这样

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

$.post('server.php', $('#form').serialize(), function(data) {
    if(data.success) {
        $('#modal').removeData('bs.modal').modal({backdrop: true, keyboard: true});
    } else {
        $('#modal').removeData('bs.modal').modal({backdrop: true, keyboard: true});
    }
}, 'json');