javascript - 修复网站中的特定链接仅在 iphone 上不起作用

Question

我正在从这个模板创建一个网站，我已经下载了模板并上传了它，这里没有修改。

我有这个问题（通过 templatemonster 上的票确认）：仅在 Iphone 上（似乎在 safari 和 chrome 上都一样），我无法单击某些链接（例如，在“出售游艇”下的 4 艘船图像上的“查看特征”。

我尝试编辑它：

1. 在标签上添加一个大的 z-index
2. 使用引导程序和自定义链接创建自定义部分
3. 使用<span>标签onclick="window.location.href='test.php'"
4. 使用一个<form>和一个<button>

看起来浏览器确实没有“捕捉”元素上的点击。

但是，它们都不起作用。

不幸的是，我无法在真机上进行测试，但这个模拟器https://appetize.io/似乎运行良好。感谢一位客户，我确实确认问题也存在于真实设备上。

我想知道是否有人知道解决这个问题，而不会使模板看起来有很大不同，谢谢

---

编辑

这是我试图修复错误的页面。如您所见，<ontouchstart>它也不起作用。

我不知道它是否会有所帮助，但您也可以看到轮播在 iphone 上不起作用（本身不是问题，我要隐藏它）。

标签： javascripthtmlios

Answer 1

这是一个已知的 Safari Mobile 错误，您应该添加ontouchstart事件处理程序

更多信息在这里