Touch Mobile设备上的Bootstrap 3子菜单下拉菜单

时间:2014-12-17 12:53:47

标签: jquery twitter-bootstrap mobile twitter-bootstrap-3 touch

为客户开发新网站,并遇到与触控设备有关的主要问题。

悬停下拉菜单在基于鼠标的系统上完美运行,但在触摸时,点击会直接转到父页面,并且永远不会显示下拉列表。我知道如何解决这个问题。

先谢谢大家!

网站:www.weareeternity.com

1 个答案:

答案 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事件。

你也可以有两个菜单。