$('a.prev, a.next').click(function(){
var a = $(this),
current = $('#pagin li a.current'),
page = parseInt(current.text());
if (a.hasClass('prev')) {
page--;
if (page < 1) page = 1;
} else if (a.hasClass('next')) {
page++;
if (page > pageCount) page = pageCount;
}
$('.page:eq(' + (page - 1) + ')').click();
});
这不起作用。请帮帮我..
如何在此代码中添加下一个和上一个按钮。
请参阅Js小提琴链接:http://jsfiddle.net/jfm9y/609/
答案 0 :(得分:0)
您需要声明内容的pageCount。
工作示例:http://jsfiddle.net/jfm9y/611/
pageSize = 1;
pageCount = $(".content").length;
showPage = function(page) {
$(".content").hide();
$(".content").each(function(n) {
if (n >= pageSize * (page - 1) && n < pageSize * page)
$(this).show();
});
}
showPage(1);
$("#pagin li a").click(function() {
$("#pagin li a").removeClass("current");
$(this).addClass("current");
showPage(parseInt($(this).text()))
});
$('a.prev, a.next').click(function(){
var a = $(this),
current = $('#pagin li a.current'),
page = parseInt(current.text());
console.log(page);
if (a.hasClass('prev')) {
page--;
if (page < 1) page = 1;
} else if (a.hasClass('next')) {
page++;
if (page > pageCount) page = pageCount;
}
$($('#pagin li a')[page- 1]).click();
});