twitter-bootstrap – Bootstrap折叠菜单链接不能在移动设备上工
发布时间:2020-12-18 00:17:24 所属栏目:安全 来源:网络整理
导读:我正在导航栏中使用带有子菜单项的折叠菜单.菜单在窄显示屏上正常折叠,子菜单项正确显示. 但是,当我单击一个子菜单项时,在移动设备上,链接不起作用.相反,子菜单折叠,并且折叠菜单上的顶部菜单项被突出显示,就好像子菜单从未打开,“点击”通过它到下面的元素.
我正在导航栏中使用带有子菜单项的折叠菜单.菜单在窄显示屏上正常折叠,子菜单项正确显示.
但是,当我单击一个子菜单项时,在移动设备上,链接不起作用.相反,子菜单折叠,并且折叠菜单上的顶部菜单项被突出显示,就好像子菜单从未打开,“点击”通过它到下面的元素. 当我在桌面浏览器上测试页面时,一切正常. 我已经定制了一些自举式样,但主要用于颜色等. 有任何想法吗? TIA. 解决方法
看起来这是Bootstrap(
https://github.com/twitter/bootstrap/issues/4550,也可能是
https://github.com/twitter/bootstrap/issues/7968)的一个已知问题,这是非常令人失望的,因为它已经开放了很长时间,从未固定,使用Bootsrtap的主要原因是它的响应设计的承诺.
在https://github.com/Bitergia/bootstrap/commit/25e8eeb47f01aceed57cb2715036a69395892fa8提出的修复似乎是有效的,但它使用的是Bootstrap源代码,所以如果您使用的是最小化的版本,并且不使用源脚本,它看起来会有所不同. 我通过在触摸启动测试中添加子字符串“disable-”,在最小化的版本中修复了它,因此禁用此功能. 要做到这一点,在你的最小化的bootstrap.min.js文件中,找到子字符串 "ontouchstart" 并替换它 "disable-ontouchstart" 谢谢@Shmalzy试图帮助. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |