Bootstrap 5 Close模式(带普通javascript)

2022-03-02 00:00:00 javascript bootstrap-modal bootstrap-5
阅读此处的教程后您好 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个小时盯着某样东西寻找答案。我终于在这里发帖了,马上就想明白了,呵呵。

相关文章