Question

我已经看过关于这个主题的其他问题，并且知道我必须做这样的事情：

我创建了按钮：

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

但它根本不起作用;有人能帮我一把吗？

Answer 1

它有效，如果next-prev在in 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>

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

3 个答案: