基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

前端之家收集整理的这篇文章主要介绍了基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基于Bootstrap做的下拉菜单在电脑浏览器中可正常使用,在手机浏览器中能弹出下拉列表,却不能选择列表中的菜单项,通过自己百度查找原因将bootstrap脚本文件中的ontouchstart 替换为 disable-ontouchstart可以解决,替换后并不能解决。(红米手机UC浏览器不支持,小米手机UC浏览器正常,其他暂时未测试)

jquery:v1.11.2

bootstrap:v3.3.4

以下为前台页面代码

以下为JS脚本:(给下拉菜单添加click)

"); }); }

解决方法如下所示:

以下代码手机浏览器不支持,将以下元素指定ID赋值即可解决()

调整后代码

"); });

以上所述是小编给大家介绍的基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/47142.html

猜你在找的Bootstrap相关文章