按顺序引用如下文件:
js/zepto.min.js
js/config.js
js/yeui.js
js/yeui.pull.js
css/icon.css
css/yeui.css
js代码如下:
//初始化上拉刷新和下拉刷新
$(function(){
yeui.initScroll({
id:'scroll1',
down:function()
{
//下拉刷新被执行
updateData(1);
},
up:function()
{
//上拉刷新被执行
addData(1);
}
});
//yeui.pubu_init({id:'pubumain',colnum:2});
$("#pubumain").html("");
addToPubu();
});
function updateData(index)
{
setTimeout(function(){
$("#pubumain").html("");
addToPubu();
yeui.endScrollDown('scroll'+index);
},1000);
}
function addData(index)
{
setTimeout(function(){
addToPubu();
yeui.endScrollUp('scroll'+index);
},1000);
}
function addToPubu()
{
var arr=[];
//加载图片(为了简单不从ajax加载)
for(var i=0;i<9;i++)
{
var imgurl='http://www.bpzhan.com/server1/moban/nba/1.jpg';
if(i==1)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/2.jpg';
}
else if(i==2)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/3.jpg';
}
else if(i==3)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/4.jpg';
}
else if(i==4)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/5.jpg';
}
else if(i==5)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/6.jpg';
}
else if(i==6)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/7.jpg';
}
else if(i==7)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/8.jpg';
}
else if(i==8)
{
imgurl='http://www.bpzhan.com/server1/moban/nba/9.jpg';
}
html='
';
arr.push(html);
}
//重新初始化瀑布流
yeui.pubu({
id:'pubumain',
colnum:2,
list:arr,
load:function()
{
//alert('加载完成');
}
});
}