mui複数tabページによるドロップダウン・リフレッシュ・アップロードの実現
ドロップダウン・リフレッシュ・コンポーネントのdom構造
jsロジック
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
},
},
},
});