按钮不适用于某些移动设备(例如iPhone6,Androids)

时间:2015-09-28 07:11:25

标签: mobile imagebutton responsive-slides

这是我的第一个问题,我被建议将此主题放在这里。

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

在像iPhone4和iPhone这样的老式智能手机上,它正在运行。但是在更新的设备上它还没有。

请查看 test-page

您还可以在Chrome浏览器中查看此类设备。点击"探索" - 按钮也不起作用。

欢迎任何帮助,我非常欢迎。

谢谢!

1 个答案:

答案 0 :(得分:0)

这很简单。你有一个带滑动处理程序的幻灯片,可能会设置一个preventDefault进行滑动和点击/点击。如果我尝试在测试设备(android 4)上单击它,它也将无法正常工作。但是如果我按住它然后按下打开它确实有效。所以它不是关于z-index(常见错误)而是关于preventDefault。这意味着您必须使用javascript将链接分配给幻灯片中的按钮。

编辑: 要使用javascript(只是javascript,没有jquery或任何其他库)为元素分配链接,只需将类似的内容放入脚本标记或javascript文件中:

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

这应该可以正常工作。如果还有其他问题,请在下面写下评论。我会尽快回复。

P.S。:对于已故的编辑感到抱歉,我在最后几天的“立即行动”级别上非常热闹。