mui上拉加载出现错误mui(...).pullRefresh(...).endPullupToRefresh is not a function

原创于 2021-10-27 18:30:12 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

mui 专栏收录该内容

2 篇文章

订阅专栏

这篇博客探讨了如何将JavaScript代码中的mui.init()初始化功能移出window.onload事件，以提高页面加载效率。文章详细解释了上拉加载更多和下拉刷新的回调函数，并展示了如何正确地重新组织代码，确保在不阻塞页面渲染的情况下实现数据的异步加载和页面刷新功能。

把下面代码放在window.onload外面

mui.init({
                //初始化上拉加载更多，下拉刷新
                pullRefresh: {
                    container: '#pullrefresh',
                    up: {
                        contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                        contentnomore: '全部加载完毕',//可选，请求完毕若没有更多数据时显示的提醒内容；
                        callback: function () {//必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
                            window.setTimeout(function () {
                                index++;
                                GetLostfoundlist(index);
                            }, 500);
                        }
                    },
                    down: {
                        height: 50,//可选,默认50.触发下拉刷新拖动距离,
                        auto: false,//可选,默认false.首次加载自动下拉刷新一次
                        contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                        contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                        contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                        callback: function () { //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
                            window.setTimeout(function () {
                                window.location.reload();
                            }, 500);
                        }
                    }
                }
            });