一个页面如何设置多个 上拉加载 模块

<div id="item1" class="mui-control-content">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div id="content1">
</div>
</div>
</div>
</div>
<div id="item2" class="mui-control-content">
<div id="scroll2" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div id="content2">
</div>
</div>
</div>
</div>
<div id="item3" class="mui-control-content">
<div id="scroll3" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div id="content3">
</div>
</div>
</div>
</div>
script
//循环初始化上拉加载和下拉刷新
mui.each(mui('.mui-scroll-wrapper'), function(index,ele){
mui(ele).pullRefresh({
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
});
});
function pulldownRefresh() {
var self = this;
setTimeout(function() {
switch(self.element.id){
case 'scroll1':
break;
case 'scroll2':
break;
case 'scroll3':
break;
}
self.endPulldownToRefresh(); //refresh completed
self.refresh(true);//重新启用上拉加载
self.endPullupToRefresh(false);//参数为true代表没有更多数据了。
}, 500);
}
function pullupRefresh() {
var self = this;
setTimeout(function() {
switch(self.element.id){
case 'scroll1':
break;
case 'scroll2':
break;
case 'scroll3':
break;
}
self.endPullupToRefresh(!hasMore); //参数为true代表没有更多数据了。
}, 500);
}
大概这样，具体自己改。。。有人说低端安卓机上循环初始化刷新和加载不好用，没测试过

这个会一直不停的循环上拉加载的内容
，请问如何改变