分类分类
大小:9 KB更新:2015/10/16
类别:其它插件系统:JavaScript
1. 修复当pages(总页数)为0时,仍然输出了【下一页】的bug
2. 修复当不满足出现分页条件时,抛出了Cannot read property 'children' of null的bug
3. 将首页和尾页默认用汉字标识,而非数字。
laypage是一款多功能的js分页组件,主要应用于前端页面Ajax普通分页以及信息流加载,并且可无缝迁移至Node.js平台。laypage不依赖于任何第三方库,直接拿来用即可,它的接口继承了layui系列组件的一贯简洁,极易上手。那么,从现在开始,将分页的任务交给laypage吧!
直接使用
laypage({
cont: 'page1', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:
pages: 66, //总页数
curr: 6, //当前页
jump: function(e){ //触发分页后的回调
var view = document.getElementById('view1'); //你也可以直接使用jquery
view.innerHTML = '假设这是分页内容,目前正出于第:'+ e.curr +'页。jump函数返回的参数e是一个object,e.curr即当前页,通过它去向服务端请求相关数据。'
}
});
模块加载
var laypage = require('laypage');
laypage({
cont: 'id',
pages: 11,
…
})