封装的javascript前端分页插件分页
最近开发项目中使用了前端分页,以前也做过。为了方便将来使用,它被打包为第三方插件,不依赖于任何库。网上已经有很多插件了。为什么需要自己造轮子?
自写是高度可扩展的,不依赖任何库作为技术沉淀。
先看效果图。
安装方法
首先,在页面中加载css和js link rel='样式表' href=' dist/pagination.css '脚本src=' http : list/pagination . js '/脚本。
用法示例
分页({ cur: 1,//当前页面合计: 6,//总页数len3360 5,//页面显示多少targetId: '分页',//page元素绑定到callback:函数(){///回调函数}})。
参数介绍
坏蛋
当前页码,每次调用都会经过当前页面。
总数
总页数可以根据总页数和显示的页数获得。
低输入联网(low-entry networking的缩写)
分页栏上显示的数量。
targetId
分页元素绑定。
回收
页面呈现后要执行的功能,如事件绑定。
Tipsdemo是静态数据。如果调用服务器数据,只需要将index.js文件中的for循环改为Ajax请求。
下载http://xiaozai.jb51.net/201601/yuanma/pagination-master(jb51.net)。
示范http://demo.jb51.net/js/2016/pagination-master/
版权声明:封装的javascript前端分页插件分页是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。