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

这里有一个教程，我发现：http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/

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

$("#prev11").click(function() 
     { 
     swControls.append('<a href="" class="swShowPage">'+(i-1)+'</a>'); 
     } 
    ); 
$("#next11").click(function() 
     { 
     swControls.append('<a href="" class="swShowPage">'+(i+1)+'</a>'); 
     } 
    );

来源

2015-10-30 Maciej Swierczewski

可以共享完整的代码？ –

这是代码：http://jsfiddle.net/1kdpdr4L/ –

请更新HTML和CSS –

我已经更新$.sweetPage插件。

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

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

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

正如您在HTML看到，有两个按钮与ID #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/

来源

2015-10-30 10:49:20

太棒了！这就是我一直在寻找的。 –

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

回答

相关问题