按顺序引用如下文件:
js/zepto.min.js
js/config.js
js/yeui.js
js/yeui.pull.js"
tab+下拉刷新例子
js代码如下:
$(function(){
yeui.tab({
id:'tab1',
bodyId:'tabBody',
start:0,
onchange:function(index)
{
// alert(index);
// console.log("切换到:"+index);
}
});
//下面是上拉刷新和下拉刷新代码
yeui.initScroll({
id:'scroll1',
down:function()
{
updateData(1);
},
up:function()
{
addData(1);
}
});
yeui.initScroll({
id:'scroll2',
down:function()
{
updateData(2);
},
up:function()
{
addData(2);
}
});
yeui.initScroll({
id:'scroll3',
down:function()
{
updateData(3);
},
up:function()
{
addData(3);
}
});
});
function updateData(index)
{
setTimeout(function(){
var html='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
$("#mytable"+index).html(html);
yeui.endScrollDown('scroll'+index);
},1000);
}
function addData(index)
{
setTimeout(function(){
var html='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
html+='';
$("#mytable"+index).append(html);
yeui.endScrollUp('scroll'+index);
},1000);
}