在頁面加載時打開 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

對不起，我在我的代碼中發現了一個拼寫錯誤。 顯示的兩條線確實有效。