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步的写到一起,不要分开。

原文地址:https://www.cnblogs.com/crazycode2/p/6879339.html