时间戳

首页 > 解决方案 > 如何通过javascript调用带有bootstrap 5的模态窗口？

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

问题描述

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

标签： javascripthtmljquerytwitter-bootstrapmodal-dialog

解决方案

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

// 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

推荐阅读