在页面加载时打开 bootstrap 5.2 模式

Question

我一直在将 Bootstrap 与 JQuery 一起使用，并且有一个代码片段在加载页面时显示模式。 对于 Bootstrap v5.2，我们不鼓励使用 JQuery（这是一件好事），但恐怕文档非常粗略。 基本上，在 HTML 中给定一个模态：

<div class="modal auto-modal">

我想替换 JQuery 行：

$(.auto-modal).modal('show')

到纯 JavaScript。我试过：

const elem = document.querySelector('.auto-modal')
const modal = bootstrap.Modal.getOrCreateInstance(elem)

modal是null 。 getInstance(elem)也是如此，甚至用选择器.auto-modal替换elem

任何人都可以帮助我以编程方式（在纯 JavaScript 中）显示在 HTML 中创建的模式吗？ 换句话说，不是在 JavaScript 中使用如下一行创建的：

const modal = new bootstrap.Modal('.auto-modal')

提前致谢。

Answer 1

对不起，我在我的代码中发现了一个拼写错误。 显示的两条线确实有效。