gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 22:44:30 25 4
gpt4 key购买 nike

我正在使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com