html - 链接在 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. 以私有(private)模式打开页面(并将其加入书签以便稍后打开)。
2. 当您需要刷新时，关闭浏览器“选项卡”(您可以保持 Safari 和隐私模式)。
3. 再次打开页面(使用您在第 1 步中创建的书签)。