按钮不适用于某些移动设备（例如iPhone6，Android）

Question

这是我的第一个问题，我被建议在此处放置此主题。

我得到了一个基于AURA（PI-）主题的响应式网站。对于xs2断点，我确实在主页上显示了另一个幻灯片，其中我放置了一个按钮作为号召性用语（其他按钮类型也不工作）

在较旧的智能手机（如iPhone4和5）上工作正常。但在较新的设备上不是。

请看看这个test-page。

您还可以在模拟此类设备的chrome浏览器中进行检查。点击“探索”按钮也不起作用。

任何帮助非常欢迎，我非常appriciate它。

谢谢！

Answer 1

这很简单。你有一个滑动处理器的幻灯片，可能会设置一个preventDefault滑动和点击/点击。如果我尝试在测试设备（Android 4）上点击它，它也不会起作用。但它确实有效，如果我按住它然后按下打开。所以这不是关于z-index（常见错误），而是关于preventDefault。这意味着你必须使用javascript将幻灯片中的按钮分配给该按钮。

编辑：

document.getElementById("ID-of-your-button").addEventListener("click", function(){window.location.href = "http://link-desti.nation"}); 

和： 要使用JavaScript（只是JavaScript的，没有的jQuery或任何其他库），只是把类似的东西插入脚本代码或JavaScript文件分配一个链接到一个元素应该工作正常。如果还有其他问题，请在下面写下评论。我会尽快回复。

对不起，对于后期的编辑，我最近几天在“立即做”级别上做了很多工作。