n***@qq.com
n***@qq.com
  • 发布:2017-04-12 17:38
  • 更新:2017-04-12 17:38
  • 阅读:1013

双webview上拉下拉问题

分类:MUI

我要用上拉下拉做成那种弹回的效果,舍弃加载和刷新的过程,我自己改写了一下代码,在电脑端完美运行,在安卓端各种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();
    }
2017-04-12 17:38 负责人:无 分享
已邀请:

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