一尘不染

Bootstrap折叠的菜单链接在移动设备上不起作用

css

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

但是,当我在移动设备上单击子菜单项时,该链接不起作用。而是,子菜单折叠,并且折叠菜单上的顶部菜单项被突出显示,好像从未打开过子菜单,而“单击”将其移到了其下方的元素。

当我在台式机浏览器上测试页面时,一切正常。

我自定义了一些自举程序样式,但主要用于颜色等。

有任何想法吗?TIA。


阅读 286

收藏
2020-05-16

共1个答案

一尘不染

看起来这是Bootstrap的已知问题,可能还有,这很令人失望,因为它它已经开放了很长时间,并且从未修复过,因此使用Bootsrtap的主要原因是其承诺了响应式设计。

在提出的修复程序
似乎可以正常工作,但它使用的是Bootstrap源代码,因此,如果您使用的是缩小版本,而不是使用源脚本,则外观会有所不同。

在最小化版本中,我通过将子字符串“ disable-”添加到touchstart测试中来修复了该问题,因此禁用了此功能。

为此,请在缩小的bootstrap.min.js文件中找到子字符串

"ontouchstart"

并替换为

"disable-ontouchstart"
2020-05-16