关于mui框架上拉加载出现错误，endPullupToRefresh is not a function的解决方法

最新推荐文章于 2021-03-10 17:21:00 发布

Liu331013

最新推荐文章于 2021-03-10 17:21:00 发布

阅读量1.6k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Liu331013/article/details/109120991

版权

在使用MUI的上拉加载组件时遇到'endPullupToRefresh is not a function'错误。通过检查代码发现，排序按钮点击后this指向发生变化，导致调用getData方法时出错。解决方案是对this进行绑定，确保在事件处理函数中正确调用组件方法。

摘要由CSDN通过智能技术生成

在项目中使用MUI的上拉加载组件时发现报错，百度也没找到类似的文章，自己记录一下！

原始代码

//获取地址栏中哪个用户输入的关键字
var keyword = getParmsByUrl(location.href, 'keyword');
// 默认加载页数
var page = 1;
//页面中的数据
var html = '';
//价格排序规则 升序
var priceSort = 1;
//销量排序规则 升序
var saleSort = 1;

$(function () {
   
    mui.init({
   
        pullRefresh: {
   
            container: '#refreshContainer',//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            up: {
   
                height: 50,//可选.默认50.触发上拉加载拖动距离
                auto: true,//可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: getData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    });
    
    //按价格排序按钮
    $('#priceSort').on('tap', function () {
   
        //更改价格排序条件
        priceSort = priceSort === 1? 2 : 1;
        html = "";
        page = 1;
        mui('#refreshContainer').pullRefresh().refresh(true);

        getData();
    });

    //按销量排序按钮
    $('#saleSort').on('tap'