如何动态更新一个打开的Bootstrap 5模式背景和键盘属性

Question

我有Bootstrap 5模式显示。我希望动态地改变它的背景和键盘，以便特定的动作，即按钮按下，模态将保持静态。这段代码不起作用:

bModal = bootstrap.Modal.getOrCreateInstance(parent.jQuery('.modal'));
bModal._config.keyboard = false;
bModal._config.backdrop = "static";

我检查了console.log，我可以确认我的目标是正确的模式，但由于某种原因，配置没有保持静态。

如有任何帮助，不胜感激。

Answer 1

使用.modal()可能更适合您!

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

Answer 2

使用普通javascript代替

const modal = new bootstrap.Modal('#myModal')
// Show the modal
// modal.show();
// Hide the modal
modal.hide();

Answer 3

我想你应该参考第一个索引

const $modal = jQuery('.modal')[0];
let modalInstance = bootstrap.Modal.getInstance($modal);
modalInstance._config.backdrop = false;
modalInstance._config.keyboard = false;

在香草中相当于

document.getElementByClass('modal');