Javascript 更改prev和next以使用筛选功能进行分页

我正在使用这段代码，并试图更改为以下要求

将“prev”（上一页）和“next”（下一页）按钮更改为分页（例如，

1234等等）

在第一页显示“类别1”内容，而不是显示所有内容

这是我改为分页的代码，但我不确定如何将其与过滤功能结合起来。也不知道如何在第一页显示“类别1”的内容。希望你们中的一些人能给我一些建议。谢谢

请注意过滤功能

var-visible=”“；
$（'div.filter'）。委托（'a'，'click'，函数（事件）{
visible='..+this.href.slice（this.href.indexOf（“#”）+1）；
//$（'ul.items li'）.hide（）.filter（可见）.show（）；
分页（）；
event.preventDefault（）；
});
页面大小=5；
var i=1；
showPage=功能（第页）{
$（“li”）.hide（）；
$（“li”）。每个功能（n）{
如果（n>=pageSize*（第1页）和&n对于（var i=0；i您可以先隐藏所有li，然后显示$（可见）。另外，在分页函数中，只需在开始处添加
$（'#pager'）.html（“”
），这样您就不会重复数字。
不确定要做什么，但可能需要更改类别的分页逻辑


var-visible=”“；
var liToShow=$（'li'）；
$（'div.filter'）。委托（'a'，'click'，函数（事件）{
visible='..+this.href.slice（this.href.indexOf（“#”）+1）；
$（'ul.items li'）.hide（）；
$（可见）；
liToShow=$（可见）；
分页（）；
event.preventDefault（）；
});
页面大小=5；
var i=1；
showPage=功能（第页）{
$（“li”）.hide（）；
$（“li”）。每个功能（n）{
如果（n>=pageSize*（第1页）和&n对于（var i=0；i您可以先隐藏所有li，然后显示$（可见）。另外，在分页函数中，只需在开始处添加
$（'#pager'）.html（“”
），这样您就不会重复数字。
不确定要做什么，但可能需要更改类别的分页逻辑


var-visible=”“；
var liToShow=$（'li'）；
$（'div.filter'）。委托（'a'，'click'，函数（事件）{
visible='..+this.href.slice（this.href.indexOf（“#”）+1）；
$（'ul.items li'）.hide（）；
$（可见）；
liToShow=$（可见）；
分页（）；
event.preventDefault（）；
});
页面大小=5；
var i=1；
showPage=功能（第页）{
$（“li”）.hide（）；
$（“li”）。每个功能（n）{
如果（n>=pageSize*（第1页）和&n对于（var i=0；iHi，谢谢您的回答。或者您有其他简单的分页方法吗？因为我不熟悉JavaScript，所以我只是从某个地方复制并将分页与此代码结合起来。请检查此jsfiddle.net/vU9Hv/142并单击“类别3”。其他数字仍在显示，尽管我只有一页经过筛选。嗨，Dij，你是否意识到在单击“类别1”后有问题？因为我每页有5个项目，但在单击“类别1”后，第一页上有8项。你知道为什么吗？嗨，谢谢你的回答。或者你有其他简单的分页方法吗？因为我不熟悉JavaScript，我只是从某个地方复制，并将分页与此代码结合起来。请检查此jsfiddle.net/vU9Hv/142并单击“类别3”。其他数字仍然显示，尽管我只有一页经过筛选。嗨，Dij，你是否意识到单击“类别1”后出现问题？因为我每页有5个项目，但单击“类别1”后，第一页上有8个项目。你知道为什么吗？