//下拉刷新
mui.init({
pullRefresh : {
    container:"#cont",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
    down : {
      style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
      color:'#00C0DD', //可选,默认“#2BD009” 下拉刷新控件颜色
      height:'50px',//可选,默认50px.下拉刷新控件的高度,
      range:'100px', //可选 默认100px,控件可下拉拖拽的范围
      offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
      auto: true,//可选,默认false.首次加载自动上拉刷新一次
      callback :function(){
      	PAGE = 1;
      	$('#cont').html('');
      	getmsglist(PAGE);
      	mui('#cont').pullRefresh().endPulldown();
      	
      } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
    },
    up : {
      height:50,//可选.默认50.触发上拉加载拖动距离
      auto:true,//可选,默认false.自动上拉加载一次
      contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
      contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
      callback :function(){
      	PAGE++;
      	getmsglist(PAGE);
      	this.endPullupToRefresh(false);
      } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
    }
}
});

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐