mui 下拉刷新
下拉刷新可以刷新本页的,也可以刷新子页面
刷新本页面的过程:
1、给下拉的div 加id
<div id="pullrefresh" class="mui-content">
2、给页面初始化设下拉参数
其中pullrefresh就是第1步中加的Id,pulldownRefresh为实现下拉的方法
mui.init({ pullRefresh: { container: '#pullrefresh', down: { callback: pulldownRefresh }, } });
3、实现下拉方法pulldownRefresh
其中getMgEAStatus()为实现更新页面的操作,比如ajax请求等。
/** * 下拉刷新具体业务实现 动画时间是1500毫秒 */ function pulldownRefresh() { setTimeout(function () { getMgEAStatus();//实现更新页面的操作 mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed }, 1500); }
注:遇到不能刷新时,可把第2步和第3步的写到一起,不要分开。