Bootstrap 5 Close模式(带普通javascript) [英] bootstrap 5 close modal with vanilla javascript

问题描述

阅读此处的教程后您好 https://getbootstrap.com/docs/5.0/components/modal/#via-javascript 他们使用一个按钮来切换显示模式。如果您想用javascript在bootstrap5中显示一个模式，那么您基本上可以使用 var myModal = new bootstrap.Modal(document.getElementById('staticBackdrop')); myModal.show();

我的问题是如何使用按钮打开的javascript关闭模型。基本上，我怎么才能拿到已经打开的那辆车的把手呢？ 我意识到一旦我有了句柄，我就会直接调用.Hide()

-编辑 把这件事说清楚。在不使用javascript的情况下打开引导程序5时

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button>

我正在尝试获取该模式的句柄

推荐答案

解决了。

var myModalEl = document.getElementById('staticBackdrop');
var modal = bootstrap.Modal.getInstance(myModalEl)
modal.hide();

我缺少bootstrap.Modal.getInstance。每次我花5个小时盯着某样东西寻找答案。我终于在这里发帖了，马上就想明白了，呵呵。

这篇关于Bootstrap 5 Close模式(带普通javascript)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！