Jquery 上。和下一个按钮分页

在附加的JSFIDLE中，您可以找到分页

[jsfiddle.net/3u64cx2s/4/][1]

分页本身（1,2,3）工作得很好。 但是，“上一步”和“下一步”按钮的工作方式不正确

例如，如果我在第1页，单击“上一页”按钮，它将显示一张“空”工作表。当我在第3页并单击“下一步”按钮时，也会发生同样的情况。 此外，如果我在“上一步”或“下一步”按钮上单击几次，它会将我带回到一个页面，其中显示“head7”到“head9”，这根本不应该出现

我希望你们能帮我解决这些问题

---

非常感谢：-）

您的jquery代码中有一个错误：

   /* Pagination: Without Buttons */

$(document).ready(function(){    

pageSize = 2;

showPage = function(page) {
    $(".post").hide();

    $(".post").each(function(n) {



            if (n >= pageSize * (page - 1) && n < pageSize * page)
                $(this).show();
        });        
    }

    showPage(1);

    $("#pages .pages_1").click(function() {
        $("#pages .pages_1").removeClass("current");
        $(this).addClass("current");
        showPage(parseInt($(this).text())); 
    });

        $('#prev').click(prevPage);
        $('#next').click(nextPage);

    });


    /* Pagination: Inlcuding Buttons */


    var page = 1;

    function prevPage() {
        debugger;
        if (page === 1) {
            page = Math.floor($('.pagination .post').length/pageSize);
        } else {
            page--;
        }
        console.log(page);
        showPage(page);
    }

    function nextPage() {
        if (page == Math.floor($('.pagination .post').length/pageSize)) {
            page = 1;
        } else {
            page++;
        }
        showPage(page);
    }

/*分页：不带按钮*/
$（文档）.ready（函数（）{
页面大小=2；
showPage=功能（第页）{
$（“.post”）.hide（）；
$（“.post”）。每个（函数（n）{
如果（n>=pageSize*（第1页）和&n

拉小提琴寻求支持：

---

（更新的Fiddle）

来自Shubham Nigam的伟大代码，但next和prev函数存在问题。您可以使用Math.floor（）获取总页面的最大整数。当您每页有4个结果，总共有8个结果时，它就起作用了。但如果总共有6个结果，就不会有了，因为6/4=1,5，并且Math.floor（）使它有1页

您必须在代码中使用Math.ceil（），才能使其正常工作：）

---

嗨，Shubham，谢谢你查看我的代码。我在JSFIDLE上尝试了您的解决方案，但仍然是同一个问题：-（请参阅这次的新更新答案它非常有效f9Hi shubham，很抱歉打扰您，但它仍然存在一些问题。例如，如果您单击下一步按钮几次，它也会将您带到帖子（标题7-标题10）但这是不可能的，因为第3页上的最后一篇文章是标题6，之后其他文章不应该出现在网站上。另一个问题是，当你在第2页，然后单击“下一步”按钮时，它有时会将你带回到第1页或跳过标题7-head8。同样的情况也发生在“上一页”按钮上。我认为这与de足以满足您的问题，因为您的问题与您的评论相比没有太多描述，所以请使用此代码尝试一下，因为您可以根据自己编辑此答案。你好，Shubham Nigam，您能帮我吗？我想需要前1 2 3下一个最后一个，就像此分页wan一样“我已经把问题贴出来了，但还没有给我答案”

function prevPage() {
    debugger;
    if (page === 1) {
        page = Math.ceil($('.pagination .post').length/pageSize);
    } else {
        page--;
    }
    console.log(page);
    showPage(page);
}

function nextPage() {
    if (page == Math.ceil($('.pagination .post').length/pageSize)) {
        page = 1;
    } else {
        page++;
    }
    showPage(page);
}