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

Question

我想弄清楚为什么在使用 Bootstrap 的模态时首先将背景更改为“静态”后我无法将背景更改为“真实”。

我运行这段代码:

$('#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

this怎么样？

看起来 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');