在 iOS 设备上被忽略的链接

Question

我构建了一个 WordPress 自定义主题，但在使用 iOS 设备上的移动菜单项时遇到了问题。可以通过单击将“左移”类添加到移动菜单使其可见的元素来切换移动菜单。当我点击移动设备（不是 iOS）上的链接时，链接会直接指向他们的页面。但是，当我触摸 iOS 设备上的链接时，使菜单可见的“左移”类被删除，完全忽略了链接。当我在 BrowserStack 中检查它并将鼠标悬停在内容上时，检查器不会突出显示 iOS 设备上的内容。

我需要帮助的网站：https://www.themissionofhermanstern.org/

<div class="off-canvas-wrap move-left" data-offcanvas>
  <div class="inner-wrap">
    <aside class="left-off-canvas-menu" aria-hidden="true">
      <ul id="menu-main-menu" class="off-canvas-list">
       <li id="menu-item-40" class="menu-item menu-item-type post_type menu-item-object-page menu-item-home menu-item-40">
        <a href="/about">About</a>
       </li>
      </ul>
    </aside>
  </div>
</div>

Answer 1

这可能是您手机上存储网站的缓存。我在我的 iPhone 上打开了你的网站。它似乎按你想要的方式工作。

如果您使用的是 iPhone - 这是您可以解决此问题的一种方法：

1. 以私密模式打开页面（并将其添加为书签，以便日后打开）。
2. 当您需要刷新时，关闭浏览器“选项卡”（您可以停留在 Safari 和隐私模式）。
3. 再次打开页面（使用您在步骤 1 中创建的书签）。