【发布时间】:2014-12-17 12:53:46
【问题描述】:
为客户开发一个新网站,遇到了与触控设备有关的重大问题。
悬停下拉菜单在基于鼠标的系统上完美运行,但在触摸时,单击会直接将您带到父页面,并且从不显示下拉菜单。我想知道如何解决这个问题。
提前谢谢大家!
网站:www.weareeternity.com
【问题讨论】:
标签: jquery twitter-bootstrap mobile twitter-bootstrap-3 touch
为客户开发一个新网站,遇到了与触控设备有关的重大问题。
悬停下拉菜单在基于鼠标的系统上完美运行,但在触摸时,单击会直接将您带到父页面,并且从不显示下拉菜单。我想知道如何解决这个问题。
提前谢谢大家!
网站:www.weareeternity.com
【问题讨论】:
标签: jquery twitter-bootstrap mobile twitter-bootstrap-3 touch
请参阅What was the thinking behind the implementation of the dropdown menu in Twitter Bootstrap?,详细了解为什么 Bootstrap 原生只支持点击。
本质上,Bootstrap 的设计目的是不支持悬停,因为它是一个移动优先平台。无法使用触摸设备调用悬停事件,并且 Bootstrap 3 父级从未设计为单击和导航到,它们只是为子级提供访问权限。
对此没有真正的“修复”。可能不是您要找的答案。在处理需要此功能的网站时,我们使用不同的菜单系统。
您可以尝试在http://ccbra.ro/(http://themesandco.com/snippet/menu-hover-dropdowns-parent-links-mobile-friendly/)查看代码。他们在点击时通过移动设备中的插入符号激活了 drop 事件。
您还可以有两个菜单。
【讨论】: