我要用上拉下拉做成那种弹回的效果,舍弃加载和刷新的过程,我自己改写了一下代码,在电脑端完美运行,在安卓端各种bug,谁帮我看看是哪里出了问题,还有各种图标我已经隐藏了.mui-pull-top-pocket已经隐藏,但是手机端还是是会出现!
主页面
mui.init({
swipeBack:true //启用右滑关闭功能
});
// 双webview创建子页面
// 启用双击监听
mui.init({
gestureConfig:{
doubletap:true
},
subpages:[{
url:'my-address-sub.html',
id:'my-address-sub.html',
styles:{
top: '45px',
bottom: '0px',
background: 'transparent',
}
}]
});
var contentWebview = null;
document.querySelector('header').addEventListener('doubletap',function () {
if(contentWebview==null){
contentWebview = plus.webview.currentWebview().children()[0];
}
contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)");
});
子页面
上拉下拉(不刷新和加载)
mui.init({
pullRefresh: {
container: '#refreshContainer',
down: {
contentdown : "",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover : "",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh : "",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback: pulldownRefresh
},
up: {
contentrefresh : "",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:"",//可选,请求完毕若没有更多数据时显示的提醒内容;
callback: pullupRefresh
}
}
});
/**
- 下拉刷新具体业务实现
*/
function pulldownRefresh() {
mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
}
/** - 上拉加载具体业务实现
*/
function pullupRefresh() {
mui('#refreshContainer').pullRefresh().endPullupToRefresh();
}
0 个回复