双击 iOS 上的网站链接时出现问题

Question

在整整 2 天尝试解决此问题后，我开始放弃了。我正在网站上工作：https://www.lekm0.com which is using the wordpress theme Werkstatt by fuelthemes: https://werkstatt.fuelthemes.net/ 他们说菜单上需要双击才能打开 link，这不是错误而是功能。在线查看后，当您对具有可见性或显示的 link 具有悬停效果时，这似乎是应该在 iOS 上发生的那种实现。

不幸的是我不想要它，因为强迫人们双击打开 link 似乎有点愚蠢。我已经删除了我可以在代码中找到的所有 "hover"，但它仍在 iphone 和 Ipad 上发生。在 Windows 或 Mac 计算机上没有问题。仅在基于触摸的屏幕上，如 iphone 或 ipad。

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

Answer 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>

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

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

避免使用带有子菜单的 link 加载 link 并打开子菜单

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

Answer 2

请查看以下内容 post，您突出显示的问题已在此处得到解决。

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