如何通过javascript调用带有bootstrap 5的模态窗口？

Posted 2023-05-08

【中文标题】如何通过javascript调用带有bootstrap 5的模态窗口？

【英文标题】：How to call a modal window with bootstrap 5 by javascript?

【发布时间】：2021-10-13 13:24:41

【问题描述】：

在 Bootstrap 4 中我已经做到了，但是由于 jquery，在 Bootstrap 5 中 jquery 不可用，那么在 Bootstrap 5 中如何在没有 jquery 的情况下通过 javascript 调用模态窗口？

【参考方案1】：

你可以像这样做你想做的事：

// Create your modal
var myModal = new bootstrap.Modal(document.getElementById('myModal'), options);

// Or you can get a modal already present in DOM
var myModalEl = document.getElementById('myModal')
var myModal = bootstrap.Modal.getInstance(myModalEl)

// Open
myModal.show();

// Hide
myModal.hide()

更多详情，请参考 Bootstrap 文档： Modal via Javascript

【讨论】：

问题：它也适用于按钮吗？