4***@qq.com
4***@qq.com
  • 发布:2018-08-09 13:31
  • 更新:2018-08-09 13:31
  • 阅读:1166

为什么我的上拉加载会执行N次回掉函数

分类:MUI

mui.init({  
pullRefresh : {  
    container:"#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等  
    up : {  
      height:50,//可选.默认50.触发上拉加载拖动距离  
      auto:false,//可选,默认false.自动上拉加载一次  
      contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
      contentnomore:'上拉显示更多',//可选,请求完毕若没有更多数据时显示的提醒内容;  
      callback :pullup//必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
    }  
//  down : {  
//    style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式  
//    color:'#00b496', //可选,默认“#2BD009” 下拉刷新控件颜色  
//    height:'50px',//可选,默认50px.下拉刷新控件的高度,  
//    range:'100px', //可选 默认100px,控件可下拉拖拽的范围  
//    offset:'81px', //可选 默认0px,下拉刷新控件的起始位置  
//    auto:false,//可选,默认false.首次加载自动上拉刷新一次  
//    callback :function(){  
//          page = 1;  
//          console.log(brand_id);  
//          console.log(category_id);  
//          if(type == 1){  
//              axios.get('goods/lists',{  
//                      params:{  
//                          category_id:category_id,  
//                          page:page  
//                      }  
//                  }).then(function(response){  
//                      console.log(2);  
//                      var data = response.data;  
//                      totalpage = data.goods.last_page;  
//                      addLists(data);   
//                  })    
//          }else{  
//              axios.get('goods/lists',{  
//                      params:{  
//                          brand_id:brand_id,  
//                          page:page  
//                      }  
//                  }).then(function(response){  
//                      console.log(1);  
//                      var data = response.data;  
//                      totalpage = data.goods.last_page;  
//                      addLists(data);  
//                  })  
//          }  
//      mui('#refreshContainer').pullRefresh().endPulldown();     
//    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
//  }  
}  
});  

function pullup(){  
            var nb = this;  
        console.log(1);  
        if(page==totalpage){//总页码等于当前页码,停止上拉下拉  
            nb.pullRefresh().endPullupToRefresh(true);  
            return;  
        }else{  
            page++;  
            setTimeout(function(){  
//            
//              nb.endPullupToRefresh(true);  

//                

            console.log(page>totalpage);  

                if(type == 1){  
                    axios.get('goods/lists',{  
                        params:{  
                            category_id:category_id,  
                            brand_id:brands_id,  
                            page:page,  
                            type:type,  
                            sort:sort,  
                            total_stock:total_stock,  
                            max:max,  
                            min:min  
                        }  
                    }).then(function(response){  
                        var info = response.data;  
                        totalpage = info.goods.last_page;  
                        addLists2(info);      
                    })  
                }else{  
                    axios.get('goods/lists',{  
                        params:{  
                            category_id:category_id,  
                            brand_id:brands_id,  
                            page:page,  
                            type:type,  
                            sort:sort,  
                            total_stock:total_stock,  
                            max:max,  
                            min:min  
                        }  
                    }).then(function(response){  
                        var info = response.data;  
                        totalpage = info.goods.last_page;  
                        addLists2(info);  
                    })  
                }             
                nb.endPullupToRefresh(false);  

//              if(page == totalpage){  
//                  $('#goods_list').next().children()[0].children()[1].innerHTML = "我也是有底线的"  
//              }  
//              mui('#refreshContainer').PullRefresh().endPullupToRefresh(false);  
//              mui('#refreshContainer').pullRefresh().refresh(true);  
//          }  
        },1500);  
        }  

}
```上拉屏幕一次激活回掉函数,end(false)后重复执行回调函数,直到数据加载完毕没有更多数据end(false)来个大神解决下,我已经困扰很久了
2018-08-09 13:31 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复