甜蜜的页面jquery上一个/下一个按钮

Question

Sweet Pages分页遇到问题，因为它工作得很好，但没有上一个/下一个按钮来移动页面（幻灯片）。

这是我发现的教程：http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/

我试图让它工作，但我想我做错了什么。 这是我的方法：

django

Answer 1

我已更新$.sweetPage插件。

我添加了next和prev选项，这些字符串代表下一个/上一页按钮的选择器。

所以你需要初始化插件，如：

$('#holder').sweetPages({perPage:6, next: '#next', prev: '#prev'});

正如您在HTML中看到的那样，有两个标记为#next和#prev的按钮。

如何运作？

$(opts.next).click(function(e) {
    $('.swShowPage.active').next('.swShowPage').click();
});

单击

$(opts.next) = $('#next')，我们会在“有效”状态后搜索下一个点。点和模拟点击。

上一个按钮使用相同的过程。

$(opts.prev).click(function(e) {
    $('.swShowPage.active').prev('.swShowPage').click();
});

在行动中： https://jsfiddle.net/1kdpdr4L/3/