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>