Bootstrap 5.3 将打开模式上的背景更改为静态（JavaScript/JQuery）

Question

如何通过 jQuery 或 JavaScript 将开放模式上的背景更改为“静态”？ ？我需要防止用户在单击模式上的“提交”按钮后单击关闭模式。我尝试了以下所有方法，但无法使其正常工作。谢谢！

$('.modal').attr('data-bs-backdrop','static');
$('#myModal').data('bs.modal');
$('.modal').attr('data-bs-backdrop="static"');
$("#myModal").modal({'data-bs-backdrop': "static"});

Answer 1

那些 HTML

data-*

属性需要在 bootstrap 初始化页面之前添加到 HTML 中。您无法事后添加它们来“更新”模式选项。

可以通过两种不同方式之一“创建”boostrap 模态。

• 通过数据属性
• 通过JavaScript

要使模式静态，您需要将

data

属性直接添加到 HTML，或更改与模式创建方式相关的 JavaScript。