前端分页插件
pagination
Pagination is a front page plugin, do not rely on any JS Library. Support es6 paginationEs6.js
demo
<link rel="stylesheet" href="dist/pagination.css">
<script src="dist/pagination.js"></script>
or you use requireJs
define(["pagination"], function () { // your code });
or maybe you use seaJs
seaJs.use('pagination');
example
pagination({
cur: 1, // 当前页数
total: 6, // 总共多少页
len: 5, // 分页显示多少
targetId: 'pagination', // 分页元素绑定
callback: function() {
// 回调函数
}
})
options
cur
当前页数,每次调用传递当前分页
total总共多少页,根据总数和每页显示数量可以获取
len分页栏上显示的数量
targetId分页元素绑定的
callback页面渲染完成之后执行的函数,比如事件绑定等。
tipsdemo是用的静态数据,如果调用服务端的数据,只需将index.js文件中的for循环改成Ajax请求就可以了。
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。