js加载更多

来源：互联网发布：季节性过敏性鼻炎知乎编辑：程序博客网时间：2024/05/22 04:27

var moreData = [
{
"title" :"hhh",
"pic" :"",
"url" :"http://www.ifeng.com"
},{
"title" :"222",
"pic" :"",
"url" :"http://www.ifeng.com"
},{
"title" :"333",
"pic" :"",
"url" :"http://www.ifeng.com"
}
];
var loading = {
_default : 6,//默认显示几个
_loading : 6,//每次点击加载的个数
init : function() {//初始化
var len =moreData.length;
if(!len){
//隐藏更多按钮
}
},
loadmore : function() {//加载更多
var lis ='';
for(vari=0;i<loading;i++){
var item =moreData.shift();
if (!item) {
//显示数据已加载完
break;
}else{
lis += '<li><a href="'+data.url+'" target = "_blank"><img src="'+data.pic+'" /><p>'+data.title+'</p></a></li>';
} 
}
inserHtml(lis);
},
inserHtml : function(content) {
var $parent =$("ul");
$parent.append(content);
}
}

本文参考：http://www.cnblogs.com/banshuai/p/5830785.html
向下滑动,动态加载参考：http://www.jb51.net/article/95870.htm

阅读全文

0 0