mui複数tabページによるドロップダウン・リフレッシュ・アップロードの実現


ドロップダウン・リフレッシュ・コンポーネントのdom構造
   

css 被mui坑的- -。。。

/*                         */
.mui-pull-top-pocket{
  top: 5rem !important;
}
/*             */
#refreshContainer{
 height:100vh;
 padding-top: 2.2rem;
 padding-bottom: 3rem;
}

jsロジック
// tab    
function onTabChange(){
  $('#refreshBox').css('transform','translate3d(0px, 0px, 0px) translateZ(0px)')//          ,       tab              
 mui('#refreshContainer').pullRefresh().refresh(true);//        
}

//  tab          
  mui.init({
    pullRefresh: {
      container: "#refreshContainer", //        ,querySelector    css     ,  :id、.class 
      down: {
        callback: function () {
     //       ,           ,          
      mui("#refreshContainer").pullRefresh().endPulldownToRefresh();//    
  },
      },
      up: {
        callback:   function () {
  ...
      mui("#refreshContainer").pullRefresh().endPullupToRefresh(false);//     false      
  },
      },
    },
  });