分页/上一页和下一页链接未显示

时间:2014-07-10 17:16:18

标签: jquery html5

$('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/

1 个答案:

答案 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();
});