fullPage.js点击不在手机上工作

时间:2014-03-08 02:15:23

标签: jquery html fullpage.js

以下是用于测试的link

当您单击右上方(我们左右)的月亮或屏幕两侧的箭头时,它会滑动到下一个项目。在桌面上工作正常。但在移动设备中,点按似乎不起作用。

这有什么变通方法吗?我没有为插件设置任何选项。只是一个简单的:

$(document).ready(function() { $.fn.fullpage(); });

TIA。

2 个答案:

答案 0 :(得分:1)

因为链接不占用整个图像。因此,您必须使用具有相同宽度和高度的图像的div来覆盖图像。

<a class="slide-link" href="#">
<div style="width: 86px; height: 86px;">
<img class="moon" src="assets/images/about-us-moon.png" alt="About Us - Moon">
</div></a>

答案 1 :(得分:1)

我解决了这个问题。您永远不应该指定slide分类元素的宽度。它会导致移动浏览器出现问题。

谢谢你们:)