我在导航栏中使用了带有子菜单项的可折叠菜单。菜单在狭窄的显示屏上正确折叠,并且子菜单项正确显示。
但是,当我在移动设备上单击子菜单项时,该链接不起作用。而是,子菜单折叠,并且折叠菜单上的顶部菜单项被突出显示,好像从未打开过子菜单,而“单击”将其移到了其下方的元素。
当我在台式机浏览器上测试页面时,一切正常。
我自定义了一些自举程序样式,但主要用于颜色等。
有任何想法吗?TIA。
看起来这是Bootstrap的已知问题,可能还有,这很令人失望,因为它它已经开放了很长时间,并且从未修复过,因此使用Bootsrtap的主要原因是其承诺了响应式设计。
在提出的修复程序 似乎可以正常工作,但它使用的是Bootstrap源代码,因此,如果您使用的是缩小版本,而不是使用源脚本,则外观会有所不同。
在最小化版本中,我通过将子字符串“ disable-”添加到touchstart测试中来修复了该问题,因此禁用了此功能。
为此,请在缩小的bootstrap.min.js文件中找到子字符串
"ontouchstart"
并替换为
"disable-ontouchstart"