如何使用javascript进行像谷歌一样的分页？

Question

如何使用jquery制作像google这样的分页数据。因此，当我们按下1号和6号之间的按钮时，分页从1开始。当我们按下按钮7时，分页从2开始，依此类推。有人可以帮我制作正确的算法或javascript / jquery程序吗？

Answer 1

几年前我创造了这样的东西（https://github.com/johncobley/jQuery-Paging）

它需要一个部分地址，它将添加页码和包含当前页码和页面总数的变量（我使用隐藏输入）。

使用类似 -

之类的东西来调用它

$(".paging").paging({
    url: "pageurl" + "?page=", //the actual number is added in the plugin
    currentPage: parseInt($("#currentPage").val()),
    pages: $("#pages").val(),
    float: "left"
});

在这种情况下，

$(".paging")是一个空div。

它使用来自jQuery-UI的CSS类，它看起来像 -

第一页

中间页