为客户开发新网站,并遇到与触控设备有关的主要问题。
悬停下拉菜单在基于鼠标的系统上完美运行,但在触摸时,点击会直接转到父页面,并且永远不会显示下拉列表。我知道如何解决这个问题。
先谢谢大家!
网站:www.weareeternity.com
答案 0 :(得分:0)
请参阅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事件。
你也可以有两个菜单。