javascript - impress.js - 下一个和上一个按钮

Question

我已经查看了有关此主题的其他问题，并且知道我必须执行以下操作：

我创建了按钮：

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

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

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

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

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

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

Answer 1

它有效，如果 next-prev 在里面 impress div

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

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

Answer 2

以这种方式替换您的脚本：

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

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

Answer 3

你包含了 jQuery 吗？如果没有，也添加这个：

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