iOS 上的双击菜单答案

【问题标题】：Double tap menu on iOSiOS 上的双击菜单
【发布时间】：2019-03-12 01:32:13
【问题描述】：

我使用“Moco WP”模板在 wordpress 中创建了一个网站。它在 Windows 和 Android 设备上运行良好，但是当我尝试在 iOS (iPhone) 上查看它时，我必须单击菜单两次才能使其工作。 Chrome 和 Safari 会出现此问题。我为您上传了问题的图片。谢谢！ Example

【问题讨论】：

标签： javascript ios css node.js iphone

【解决方案1】：

在/moco-wp/css/style.css删除这部分

header nav li a:hover:after {
  width: 100%;
}

您可以将其移至媒体查询以仅定位可以悬停的设备

@media (any-hover: hover) {
  header nav li a:hover:after {
    width: 100%;
  }
}

如果您想要相同的功能，您可以附加到链接的 touchstart 事件，并在您触碰它们时立即应用一个类

【讨论】：

感谢您的回答和帮助。你是说那行代码吗？我擦掉它但它不起作用，或者我认为我做错了，idk。我上传了一张 own-menu.js 文件的图片。谢谢！ dropbox.com/s/cruhusk0zog9brn/asfa.png?dl=0
pastebin.com/raw/UqrgcYAm 这是注释掉部分的文件。试试看，一定要刷新几次以清除缓存
它对我不起作用:(我将该文件放在 own-menu.js 上并刷新它并不起作用。在 Android 上仍然可以正常工作，但在 iOS 上不行。它很奇怪
@JuanBautistaDíaz 抱歉，我挖得更深了，您可以通过删除 /moco-wp/css/style.css header nav li a:hover:after {width: 100%;} 中的第 388 到 390 行来解决这个问题。
非常感谢！这个对我有用。唯一的细节是，当我单击它时，菜单并没有消失，我不知道是否可以这样做。我放了一个视频，例如dropbox.com/s/61rdjjtukc9dbb9/…