Mobile 按钮在某些移动设备(如iPhone6、Androids)上不起作用

Mobile 按钮在某些移动设备(如iPhone6、Androids)上不起作用,mobile,imagebutton,responsive-slides,Mobile,Imagebutton,Responsive Slides,这是我在这里的第一个问题,有人建议我把这个话题放在这里 我得到了一个基于AURA(PI-)主题的响应性网站。对于xs2断点,我在主页上显示了另一个幻灯片,我在其中放置了一个按钮作为操作调用(其他按钮类型也不起作用) 在iPhone4和iphone5等较旧的智能手机上,它可以正常工作。但在较新的设备上,情况并非如此 请看一下这个 您还可以在chrome浏览器中检查模拟此类设备。在那里,点击“探索”按钮也不起作用 欢迎任何帮助,我非常感激 谢谢大家! 这很简单。您得到了一个带有滑动处理程序的幻灯片,

这是我在这里的第一个问题,有人建议我把这个话题放在这里

我得到了一个基于AURA(PI-)主题的响应性网站。对于xs2断点,我在主页上显示了另一个幻灯片,我在其中放置了一个按钮作为操作调用(其他按钮类型也不起作用)

在iPhone4和iphone5等较旧的智能手机上,它可以正常工作。但在较新的设备上,情况并非如此

请看一下这个

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

欢迎任何帮助,我非常感激


谢谢大家!

这很简单。您得到了一个带有滑动处理程序的幻灯片,该处理程序可能会为滑动和单击/点击设置默认值。如果我尝试在测试设备(android 4)上点击它,它也不会工作。但如果我按住它,然后按“打开”,它确实会起作用。因此,这不是关于z索引(常见错误),而是关于默认值。这意味着您必须使用javascript将链接分配给幻灯片中的按钮

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

document.getElementById("ID-of-your-button").addEventListener("click", function(){window.location.href = "http://link-desti.nation"});
这应该很好。如果有其他问题,请在下面写下评论。我会尽快回覆


注:很抱歉编辑太晚,我最近几天在“立即执行”级别上做了很多有趣的工作。

你能把它缩小到一个你可以展示给我们的代码库吗?对不起,我认为代码太多了。要把它写下来,这是一个使用“滑块革命响应jQuery插件”的主题。您可以在点击测试页面链接时查看和检查源代码。谢谢您的解释。这有助于理解问题。您能否进一步解释“使用javascript将链接分配给按钮”的含义