MUI-页面刷新

Go_Viola

关注

阅读 80

2022-04-23

<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>

精彩评论(0)

0 0 举报