【问题标题】:Bootstrap 3 Sub-Menu Dropdowns on Touch Mobile Devices触摸移动设备上的 Bootstrap 3 子菜单下拉菜单
【发布时间】:2014-12-17 12:53:46
【问题描述】:

为客户开发一个新网站,遇到了与触控设备有关的重大问题。

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

提前谢谢大家!

网站:www.weareeternity.com

【问题讨论】:

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


    【解决方案1】:

    请参阅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 事件。

    您还可以有两个菜单。

    【讨论】:

    猜你喜欢
    • 2020-10-25
    • 2012-07-25
    • 2012-08-04
    • 2017-09-14
    • 2015-07-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多