如何通过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的模态窗口?的主要内容,如果未能解决你的问题,请参考以下文章