Bootstrap折叠菜单链接不适用于移动设备

Question

我在导航栏中使用带有子菜单项的可折叠菜单.菜单在窄显示屏上正确折叠,子菜单项正确显示.

但是,当我在移动设备上单击子菜单项时,该链接不起作用.相反,子菜单会折叠,并且突出显示折叠菜单上的顶部菜单项,就好像子菜单从未打开过,并且"点击"通过它进入下面的元素.

当我在桌面浏览器上测试页面时,一切正常.

我已经定制了一些引导样式,但主要用于颜色等.

有任何想法吗？TIA.

Answer 1

看起来这是Bootstrap的一个已知问题(https://github.com/twitter/bootstrap/issues/4550,可能还有https://github.com/twitter/bootstrap/issues/7968),这是非常令人失望的,因为它是已经开放了很长时间而且从未修复过,使用Bootsrtap的主要原因是它对响应式设计的承诺.

在https://github.com/Bitergia/bootstrap/commit/25e8eeb47f01aceed57cb2715036a69395892fa8上提出的解决方案 似乎有效,但它使用的是Bootstrap源代码,因此如果您使用的是缩小版本并且未使用源脚本,则它看起来会有所不同.

我通过在touchstart测试中添加子字符串"disable-"来修改它在缩小版本中的情况,因此禁用此功能.

要在缩小的bootstrap.min.js文件中执行此操作,请查找子字符串

"ontouchstart"

并替换它

"disable-ontouchstart"

谢谢@Shmalzy试图提供帮助.