<script type="text/javascript">
mui.init({
pullRefresh : {
// 定义容器
container:'#refreshContainer',
// 往下拉(callback:回调函数)
down : {
// style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
// color:'#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
// height:'150px',//可选,默认50px.下拉刷新控件的高度,
// range:'100px', //可选 默认100px,控件可下拉拖拽的范围
// offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
// auto: true,//可选,默认false.首次加载自动上拉刷新一次
callback :pulldownRefresh
},
// 往上拉(callback:回调函数)
up : {
callback :pullupRefresh
}
}
});
// 定义下拉回调函数
function pulldownRefresh(){
alert("进行下拉数据刷新");
// 下拉刷新结束
mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
}
// 定义上拉回调函数
function pullupRefresh(){
alert("进行上拉数据加载");
// 下拉刷新结束
mui('#refreshContainer').pullRefresh().endPullupToRefresh();
};
</script>