Question

我需要在JS中调整这个分页

从这个样本中可以看出

pageSize = 3;
resultN = null;

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


});

在第1页上，用户可以看到div / 1/2/3 /

当用户点击脚本show / 4/5/6 /

时

我需要更改此脚本，以便当用户点击第2页时，他会看到/ 2/3/4 /

当点击第3页时，他会看到/ 3/4/5 /等等。

你能指出我正确的方向吗？

编辑 - 修订版（感谢Kolink＆amp; dencey）

http://jsfiddle.net/jfm9y/89/

    var pageSize = 3;

var showPage = function(page) {
    $(".content").hide();
    $(".content").each(function(n) {
        if (n >= (page - 1) && n < (page - 1) + pageSize)
            $(this).show();
    });        
}

showPage(1);

$("#pagin li a").click(function() {
    $("#pagin li a").removeClass("current");
    $(this).addClass("current");
    showPage(parseInt($(this).text())) 
});

Answer 1

将您的if更改为if(n>=page && n<page+pageSize)

通过这种方式，你有：

Page 1 =＆gt;分为1,2,3 第2页=＆gt;分为2,3,4 等等。

Answer 2

试试此示例http://jsfiddle.net/jfm9y/89/

var showPage = function(page) {
    $(".content").hide();
    $(".content").each(function(n) {
        if (n >= (page - 1) && n < (page - 1) + pageSize)
            $(this).show();
    });        
}

JS中的分页

2 个答案: