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请求等。

  /**             * 下拉刷新具体业务实现             */            function pulldownRefresh() {                setTimeout(function () {                    getMgEAStatus();//实现更新页面的操作                    mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed                }, 1500);            }

4、就可以看效果了

5、遇到不能刷新时,可把第2步和第3步的写到一起,不要分开。

点这里可以跳转到人工智能网站

发表评论