Bootstrap 5 Close模式(带普通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个小时盯着某样东西寻找答案。我终于在这里发帖了,马上就想明白了,呵呵。
相关文章