本文介绍了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个小时盯着某样东西寻找答案。我终于在这里发帖了，马上就想明白了，呵呵。
这篇关于Bootstrap 5 Close模式(带普通javascript)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！