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

Posted

技术标签:

【中文标题】如何通过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

【讨论】:

问题:它也适用于按钮吗?

以上是关于如何通过javascript调用带有bootstrap 5的模态窗口?的主要内容,如果未能解决你的问题,请参考以下文章