mui下拉刷新的整理

最新推荐文章于 2025-04-02 19:15:55 发布

zhgl7688

最新推荐文章于 2025-04-02 19:15:55 发布

阅读量2.7w

点赞数 2

分类专栏： H5buildmui

本文链接：https://blog.csdn.net/zhgl7688/article/details/51475377

版权

H5buildmui 专栏收录该内容

2 篇文章

订阅专栏

下拉刷新可以刷新本页的，也可以刷新子页面

一、刷新本页面的过程：

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