Question

我尝试制作与ipads等触摸屏设备兼容的下拉菜单。

在个人电脑上没问题，你将鼠标悬停在你获得子菜单的菜单上，将鼠标悬停在子菜单上即可获得...大学？菜单。

但是，在触摸屏上，按第一个菜单，辅助菜单会下拉。你按下二级菜单，一切都隐藏了。

这是一个代码表来展示我的意思。

任何想法如何修复JS以正确实现这一点？

这是我的JS ......

    Processor   : ARMv7 Processor rev 1 (v7l)
    processor   : 0
    BogoMIPS    : 38.00

    processor   : 1
    BogoMIPS    : 38.00

    processor   : 2
    BogoMIPS    : 38.00

    processor   : 3
    BogoMIPS    : 38.00

    Features    : swp half thumb fastmult vfp edsp neon vfpv3 tls vfpv4 idiva idivt vfpd32
    CPU implementer : 0x51
    CPU architecture: 7
    CPU variant : 0x2
    CPU part    : 0x06f
    CPU revision    : 1

    Hardware    : Qualcomm MSM8974PRO-AC
    Revision    : 0000
    Serial      : 0000000000000000

Answer 1

那个代码笔不再有效，所以我猜测。hover和.click以某种方式踩到彼此的脚趾，因为触摸事件会模拟点击事件。

当您考虑使用触摸屏笔记本电脑时，使用悬停下拉菜单会变得相当复杂。

如果你正在寻找一个脚本来交换悬停和触摸类，并让它适用于所有设备，我写了一个jQuery插件和文章，详细介绍了浏览器中发生了什么。

http://fallingmonocle.com/monocle-toggle.php

希望这有助于你想要实现的目标。

触摸屏上的下拉菜单问题

1 个答案: