twitter-bootstrap - Bootstrap 5 offcanvas 禁用点击关闭

标签 twitter-bootstrap bootstrap-5 off-canvas-menu

我正在使用 offcanvas 组件 ( https://getbootstrap.com/docs/5.0/components/offcanvas/ )。但是我想知道当我在 offcanvas 窗口外单击时是否可以阻止它关闭。当我按下 ESC 键时,我已经设法阻止它关闭,但是当我在 offcanvas 之外单击鼠标时,没有办法(就文档而言)阻止它关闭。有人有想法吗?

编辑: 我设法通过监听 hide.bs.offcanvas 事件然后使用 e.preventDefault(); 让它工作到一半;但是现在我无法使用其默认关闭按钮关闭 offcanvas,因为它总是会取消隐藏事件。有什么想法吗?

最佳答案

现在,添加 data-bs-backdrop="static" 可防止 offcanvas 在其外部单击时关闭(= 单击背景)

引用 https://getbootstrap.com/docs/5.2/components/offcanvas/#static-backdrop

关于twitter-bootstrap - Bootstrap 5 offcanvas 禁用点击关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66976510/

相关文章:

css - Bootstrap 3.3.6 小屏幕上的响应式表单

jquery - 如何按内容拉伸(stretch)表格的一列并相应地减少其他列的宽度?

twitter-bootstrap - Bootstrap 5 offcanvas 不适用于 anchor 内的图像或图标

javascript - Foundation 6 Off-canvas 菜单点击后自动关闭

jQuery 光滑 slider 过滤器

javascript - 折叠内部部分保持未折叠,当一个内部部分折叠时

sass - 如何在 Bootstrap 5 中访问主题颜色?

javascript - 工具提示和弹出框在 Bootstrap 5 中不起作用

ruby-on-rails - Rails 7 Bootstrap 警报未被消除

css - 定位前一个兄弟元素 CSS