jquery - fullPage.js 点击无法在移动设备上运行

Question

以下是测试链接：

当您单击右上角的月亮（关于我们）或屏幕两侧的箭头时，它会滑动到下一个项目。在桌面上运行良好。但在移动设备中，tap 似乎不起作用。

有什么解决方法吗？我没有为插件设置任何选项。只是一个简单的：

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

TIA。

Answer 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>

Answer 2

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

多谢你们 ：）