impress.js - 下一个和上一个按钮答案

【问题标题】：impress.js - Next and Previous buttonsimpress.js - 下一个和上一个按钮
【发布时间】：2013-06-20 13:11:12
【问题描述】：

我已经查看了有关此主题的其他问题，并且知道我必须这样做：

我已经创建了按钮：

<button id="next"></button>
<button id="prev"></button>

然后在页面底部，我有这个（这是取自另一个问题here）：

<script src="js/impress.js"></script>
<script>impress().init();</script>

<script>
$("#next").click(function () {
   api.next();
});

$("#prev").click(function () {
   api.prev();
});
</script>

但它根本不起作用；有人可以帮帮我吗？

【问题讨论】：

标签： javascript impress.js

【解决方案1】：

如果 next-prev 在 impress div 里面，它可以工作

$('#next').on('click', function(e){
    impress().next();
    e.stopPropagation();
});

$('#prev').on('click', function(e){
    impress().prev();
    e.stopPropagation();
});

【讨论】：

那么，这与已经发布的答案在功能上有何不同？
e.stopPropagation();如果 nav 在 impress 内 wrap impress().next();不工作

【解决方案2】：

用这种方式替换你的脚本：

<script>
$("#next").click(function () {
   impress().next();
});

$("#prev").click(function () {
   impress().prev();
});
</script>

【讨论】：

【解决方案3】：

您是否包含了 jQuery？如果没有，也添加：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

【讨论】：