layPage 是一枚小小前端组件,这篇新闻主要是为了混个脸熟,继续像往常一样愉快地装下A,顺便向伟大的OSCHINA敬礼。正如一小戳人之前所了解的,layPage是一款多功能的js分页组件,即适用于异步分页,又可用于传统的整页刷新跳页,还支持信息流加载。那么。。。各位可观不要嫌弃。 【1.2更新日志】 1、完善jump回调,新增第二个参数,用于在使用location跳转时,控制页面初始加载无限刷新的问题。 2、完善hash机制,页面初始加载时,当前页为1时,不改变location.hash。另外可对参数hash赋上特定值,以便初始化时获取当前页复制给curr。 3、完善cont、pages、groups,传入的数值支持string和number 4、样式微调 【粒子】 1.异步分页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | $.getJSON( 'test/demo1.json' , {curr: 6}, function (res){
laypage({
cont: 'page1' ,
pages: res.pages,
curr: 6,
jump: function (e){
$.getJSON( 'test/demo1.json' , {curr: e.curr}, function (res){
e.pages = e.last = res.pages;
var view = document.getElementById( 'view1' );
var demoContent = ( new Date().getTime()/Math.random()/1000)|0;
view.innerHTML = res.content + demoContent;
});
}
});
});
|
2.整页刷新跳页 1 2 3 4 5 6 7 8 9 10 11 12 13 | laypage({
cont: 'page11' ,
pages: 18,
curr: function (){
var page = location.search.match(/page=(\d+)/);
return page ? page[1] : 1;
}(),
jump: function (e, first){
if (!first){
location.href = '?page=' +e.curr;
}
}
});
|
更多的例子请去官网围观。 新闻写完。。。掩脸闪人。。。 |