在 iOS 上双击网站链接的问题

Posted 2023-03-25

【中文标题】在 iOS 上双击网站链接的问题

【英文标题】：Problem with double tap on a website links on iOS

【发布时间】：2020-06-11 06:23:02

【问题描述】：

在尝试解决此问题的整整 2 天后，我开始放弃。我正在网站上工作：https://www.lekm0.com 正在使用燃料主题的 wordpress 主题 Werkstatt：https://werkstatt.fuelthemes.net/ 他们说，在菜单上双击以打开链接不是错误，而是一项功能。在线查看后，当您在具有可见性或显示的链接上具有悬停效果时，这似乎是应该在 ios 上发生的那种实现。

不幸的是，我不想要它，因为强迫人们双击打开链接似乎有点愚蠢。我已经删除了我可以在代码中找到的所有“悬停”，但它仍在 iphone 和 Ipad 上发生。在 Windows 或 Mac 电脑上没有问题。仅适用于 iphone 或 ipad 等触摸屏。

如果您对此有任何线索？谢谢你！

【参考方案1】：

好吧，可能很脏，但它可以工作：

<script>
jQuery(function()
      jQuery('a').on('click', function (e) 
        if(jQuery(this).attr('href') !== '#' && typeof jQuery(this).attr('href') !== 'undefined' && !jQuery(this).closest('li').hasClass('menu-item-has-children')) 
          e.preventDefault();
          window.location.href = jQuery(this).attr('href');
        
      );
    );
</script>

_ 使菜单中的链接在第一次点击时打开，

避免汉堡图标重新加载当前页面

避免带有子菜单的链接以加载链接并打开子菜单

缺点：显然不允许目标空白链接

【参考方案2】：

请查看以下帖子，此处解决了您突出显示的问题。

https://css-tricks.com/annoying-mobile-double-tap-link-issue/

【讨论】：

感谢您的链接！不幸的是，我在研究中确实看到了它并没有解决我的问题。幸运的是，在否认了一段时间后，主题编辑器通过修改他们在主题中处理的大量 JS 来提供修复。无论如何，下面的修复也确实解决了（某种）问题。谢谢您的帮助。？我要关闭这个问题。