前端分页功能的实现以及原理
2017-01-30 10:10
1291 查看
分页场景常见于电商网站,比如说淘宝天猫的评论区,分页功能一般是后台实现,前端请求就完事了。现闲得无聊,就写出来玩玩,只实现功能,并未封装。
以前写过一篇下拉刷新、加载数据功能博客,也附上链接,可点击查看!基于jq实现分页功能,大致分为以下几步:
定义一个分页方法,可多次调用参数设置
请求数据页面跳转方法
创建非数字按钮和数据内容区
创建数字按钮
首屏加载
调用
结构层只需要一个容器
<div class="pagination-nick"></div>
一、定义分页方法
function paginationNick(opt){ //code }
二、参数设置
几个必填的容器class,和几个可以修改的默认数据参数至此,over。写的有点low,但复制完整代码此分页功还是能实现的,若有大神改进,望瞻仰!
-转载
相关文章推荐
- json数据操作
- React&Redux
- 276. Paint Fence
- Effective Java 读书笔记——39:必要时进行保护性拷贝
- jsp表单中上传文件 enctype="multipart/form-data"解释
- jquery defered 对象学习
- Effective Java 读书笔记——15:使可变性最小化
- JavaScript 雷达
- [转] 钉钉的H5性能优化方案
- Bootstrap表单构造器
- 『状态』驱动的世界:ReactiveCocoa
- jstl核心标签库和其他
- jsp_el内置对象pageContext和Cookie
- 3145: [Feyat cup 1.5]Str
- jquery tooltip插件
- JavaScript document.write 与 document.writeln 的区别
- bootstrap-table相关参数的解释
- JavaScript cookie()的使用
- 12 Iterationg Over Data With JSX
- Feescale K60开发笔记12: MQX user_config文件注释