评论：jQuery分页插件PageNav(原创)   [查看原文]

OceanZH0
2019/8/21 14:20:34
能说详细些吗？哪个跳转页面的html？

OceanZH0
2018/11/13 23:26:08
谢谢反馈，是没有用jQuery插件写法来写，插件规范是个问题，以后有时间再改进了。
如果一个页面要多个分页条的话，分别给与id然后new一个新的实例就好了，不依赖id怎么标识呢？
事件绑定是比较简单直接的都通过类名绑上了，然后触发时调用用户的回调函数，若是有更好的建议可以详细说说。

优子★大神0
2018/11/14 15:30:32
我的意思是,如果使用jquery的插件写法,就不用依赖id啦,因为jquery的选择器自动就能吧dom列表传到插件内部.反之如果完全依赖id,一旦动态生成分页条,就会很麻烦,因为id是唯一的,相比之下,class就可以复用啊.事件绑定我的建议是直接放到初始配置里面.这两个问题改善了,楼主的插件还是很有用的.当然我也是最强王者,楼主不要介意哈

OceanZH0
2018/9/12 19:17:16
新建分页条的时候，pageCount: 50,

OceanZH0
2018/9/3 15:16:54
我没有原生的IE8，在IE11里用IE8仿真模式是可以用的。

不过要记得把jquery版本换成低版本，2.0(含)以上的jquery不支持IE8

OceanZH0
2018/7/17 23:25:19
谢谢使用~
我的源码是未压缩的，若是需要可以压缩来节省出更多体积

OceanZH1
2018/7/4 18:53:36

请看 三 : 生成翻页导航，例子中的注释,
currentPage参数就是当前页

sunshine0
2018/7/17 14:34:08

function PageNavCreate(id,props){
   if(id&&props){
       this.id=id;
       this.pageCount = parseInt(props.pageCount),//总页数
       this.currentPage = parseInt(props.currentPage),//当前页码
       this.perPageNum = props.perPageNum || 5,
       this.perPageNum = (this.perPageNum<3 ? 3 : this.perPageNum);// 每页按钮数量最小值不能小于3
       this.target = document.getElementById(id);
       this.clickPage = null;
       this.halfPerPage = 3;

OceanZH0
2018/5/18 9:31:52
问题能具体说下吗？

你好，我读了你的代码，写的很好，很厉害，我稍微修改了下你的代码，我没有手动再去绑定，因为我觉得这样做不太好。我的修改思路是：在ajax取到数据后无需再手动重新绑定，取而代之的是，去调用你那个第一次绑定的方法（我把第一次绑定封装了一个方法），并且把第一次绑定的“当前页的参数设置为了变量“，你那个是1。
我的代码如下：
loadPaging:function(count,_pageNo){//分页函数，第一个count是总的数据条数，第二个参数是当前页（也就是用户点击分页下面的第几页）

var pageNum = Math.ceil(count / 10); //计算总页数
$("#count").html(count);
$("#countPage").html(pageNum <= 0 ? 1 : pageNum);
//下面开始分页
this.pageNavObj = new PageNavCreate("PageNavId", {
    pageCount: pageNum, //总页数
    currentPage: _pageNo, //当前页
    perPageNum: 5, //每页按钮数
});
this.pageNavObj.afterClick(this.sendQuery);
}

下面的代码在ajax中写，也就是调用上面的分页函数：

loadPaging(count,_pageNo);//分页

*****这样的好处是，当每发送一次ajax时，就会去调用一次loadPagin方法，不用再手动去绑定了

走进你的全世界0
2018/5/1 21:06:35
js函数的定义是：function loadPaging（）,大家还是这样写，我那个写法是Vuejs的写法，请不要感觉奇怪。另外，在loadPaging方法中，相当于每次发送ajax请求都会重新设置总条数和总总页数，是有一点不太好，不过没什么大问题

OceanZH0
2018/5/2 11:35:11
感谢反馈，大概明白你的意思，你主要是想把生成分页条对象的两段代码封装成一个函数，然后在AJAX里面调用，这样方便一些。

后面在AJAX里面这样调用函数loadPaging(count,_pageNo)，这样子函数里的this应该就指向window了，以及this.sendQuery应该是你自定义的全局的回调函数？

每个人根据自己的具体需求来做修改和封装没什么问题的，不过每个人的命名还有配置项都不一样，如果有和你一样的想法的人应该需要根据自己的情况来自行封装了。

OceanZH0
2018/4/15 22:13:13
插件里没有计时器，如果你有不停加载的循环需要检查一下你自己的计时器代码是否有问题。

可以参考一下Demo，里面的插件是正常运行的。

OceanZH0
2018/4/12 22:59:51
什么数据？

春和景明0
2018/4/14 17:56:16
回台数据怎么调用链接

OceanZH1
2018/3/30 19:37:12

你是说后台传值？
说明里有说，在这个方法里传入你的回调函数，

pageNavObj.afterClick(你的函数)

这个方法中，你的函数的第一个参数就会被传入点击的页码，你可以在你的函数中通过AJAX把这个页码传给后台。
说明里有回调函数示例，或者你也可以把插件下载下来打开查看。

汐染季沫h0
2018/4/16 8:52:17
好的 谢谢

OceanZH0
2018/3/17 16:22:20
遇到了什么问题吗？

王八蛋0
2018/3/17 16:24:22
是遇到个问题，想咨询您一下，方便的话加我q983469079；谢谢