javascript - 将背景更改为静态以打开 Bootstrap 模式

Question

我可以在模式打开时将背景更改为“静态”吗？

我有带有表单提交按钮的模态。当我单击此按钮时，我会在我的模式上显示加载微调器，那是我想将背景更改为静态的时刻

我尝试了 $('#myModal').modal({backdrop: 'static', keyboard: false})，但我仍然可以通过单击背景或使用退出按钮来关闭我的模式.

第二步应该是将背景改回真实，但我还没有尝试过，因为首先我需要将背景设置为静态。

我可以在模式显示时将背景设置为静态，但我想避免这种情况并在提交后更改它。

有什么想法吗？

Answer 1

好的，我解决了这个问题。也许这不是最好的解决方案，但它适用于我的特殊情况。

我在提交时显示加载微调器之后添加了 $('#myModal').off('click');。这可以防止用鼠标单击关闭模态。

禁用 escape 按钮时出现问题，因为当用户按下此按钮时浏览器会停止页面加载。所以我决定隐藏微调器以使用以下代码解锁表单:

$(document).on('keydown',function(e) {
  if (e.keyCode == 27) {
    $('#myLoadingSpinner').hide();
  }
});

编辑: 我找到了另一个背景解决方案:

$('#myModal').data('bs.modal').options.backdrop = 'static';

我也为 keyboard = false 尝试过，但它不起作用。