我正在开发一个基于 _s（经过一些修改）和 bootstrap 3.3.2 的 wordpress 主题。
在移动设备中，主导航的子菜单已经展开，但在iPhone上存在一个问题：二级菜单的链接不起作用，如果你点击它们就没有任何反应。
这是网站的网址：www.machenergyaustralia.com.au/
在 iPhone 6s、ios10 和 safari 上测试。
【问题讨论】：
标签： iphone navigation mobile-safari usability
这可能是由于<a>标签不正确。
1)检查<A href="">是否有如下内容：
<a href="#"></a>
因为移动 safari 在捕获此元素上的点击事件时不会将没有 href 的 <A> 作为锚点。
有时（我遇到了这个问题），在模板中，缺少一个 href 或 href 内容。
2) 如果要单击另一个元素（例如span，您可能需要创建这样的元素并将<span> 重新键入为<a href="...">）。在 bootstrap 的 javascript/css 环境中，这可能是必须的。
Mobile safari 不喜欢在 <a> 以外的元素上捕获点击事件
【讨论】：