高效jQuery分页插件源代码jquery.pager.js例子下载
2014-12-14 12:55:15  By: shinyuu

本文将给大家分享一个非常不错的分页插件、jQuery.pager.js、该插件的优点是可以内容索引、使用了jQuery、也同时调用了jquery.pager.js文件、分页都是基于Ajax的、当然、如果你不打算使用Ajax来实现分页的话、那么你最好不要使用本插件、若使用的话反而很麻烦、本插件主要是为使用Ajax技术交互的网站所准备、可以很方便的嵌入到网站系统中、实现Ajax分页功能、运行效果如下

jQuery分页插件

如果大家觉得这个效果不是很好看的话、可以自己重写分页按钮的样式哈


HTML代码很简单、只要准备一个用于分页代码的DIV就可以了


<div class="tcdPageCode"></div>



通过jQuery的方式调用即可


$(".tcdPageCode").createPage({
	pageCount:6,
	current:1,
	backFn:function(p){
		console.log(p);
	}
});


最后给大家贴上分页代码的例子、用于大家参考

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1i38AsNr 密码: 529w

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


猜你喜欢的

快速评论


技术评论

    • 2017-01-13 14:48:31  4 评  | 回复

      @东东。:把分页外面 div tcdPageCode 就是这个div在js中生成,不要直接写出来,分页初始化时,先清掉这个div,重新生成这个div 再createPage


    • akun 2016-03-17 16:13:52  2 评  | 回复

      请问为什么会重复触发呢?


DD记账
top
+