2***@qq.com
2***@qq.com
  • 发布:2018-05-31 11:24
  • 更新:2018-12-26 15:53
  • 阅读:1199

安卓WebVI下拉刷新失效的问题

分类:MUI

我这个用的是双webview的下拉刷新,然后IOS下正常,安卓就无法下拉刷新,刷新的时候会出现下拉后卡住不能回弹的问题,并且无法激活刷新,如下图,请问下该怎么解决(图一是刷新前,图二是刷新后)

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no,email=no" />
<title>医生详情</title>
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../css/style.css" rel="stylesheet" />
</head>
<body>
<div id="refreshContainer" class="mui-content-overflow-y mui-content mui-scroll-wrapper mui-content-Ductor">
<div class="mui-scroll" style="display: none;">
<!--数据列表-->
<div class="OnlineDetails-resume">
</div>
</div>
</div>
<div class="OnlineDetails-button">
<div class="OnlineDetails-button-cli" href="#">
<input type="button" value="已关注" style="display:none" class="OnlineDetails-button-left-true Followed" />
<input type="button" style="display:none" value="+ 关注" class="OnlineDetails-button-left Unattended" />
<input type="button" value="图文问诊(¥19)" style="display:none" class="OnlineDetails-button-right" onclick="GraphicConsultation()" />
<input type="button" value="图文问诊" style="display:none" class="OnlineDetails-button-right-fales" />
</div>
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/delayimg.min.js"></script>
<script src="../js/app.js"></script>
<script src="../js/jquery-3.1.0.min.js"></script>
<script>
var pageNo=0;
var pageSize=10;
var setupList=[];
var Id,Price,UrlPath,w;
mui.plusReady(function(){
w=plus.nativeUI.showWaiting('',{padlock:true});
mui("#refreshContainer").on('tap', 'div', function (event) { this.click(); });
mui("#refreshContainer").on('tap', '.Introduction-Title-pinglun', function (event) { this.click(); });
var param = plus.webview.currentWebview();
Id = param.Id;
UrlPath='api/Doctors/DoctorsDetaile?id='+Id;
Details(UrlPath);
});
mui.init({
pullRefresh : {
container:"#refreshContainer",
down : {
height:50,
auto: false,
contentdown : "下拉刷新医生信息",
contentover : "释放立即刷新",
contentrefresh : "正在刷新...",
callback :function(){
Details(UrlPath);
}
}
}
});

        //医生详情  
        function Details(UrlPath){  
        	mui.ajax(URL + UrlPath, {  
		      dataType: 'json',  
		      type: 'get',  
		      timeout: 10000,  
		      success: function (data) {  
		      	   w.close();  
		      	   $('.mui-scroll').fadeIn(300);  
		      	   $('.OnlineDetails-resume').html('');      
		      	   selectFollow(data.Follo);  
		      	   DetailsReservation(data.model.OnlineDiagnosisPrice,data.model.Id,data.model.OnlineState,data.model.Name,data.model.DepartmentsTitle,data.model.Title,data.model.Company,data.model.GoodAt,data.model.Profiles,data.model.Photo);  
		      	   GetComment(Id);  
		      	   selectEnable(data.model.IsOnlineDiagnosis)  
		      	   mui('#refreshContainer').pullRefresh().endPulldownToRefresh();  
		      },  
		      complete:function(){}  
		   });  
        }  
          
          
    	//index视图医生显示 0 = 在线,其他 = 离线,  
        function DetailsReservation(OnlineDiagnosisPrice,Id,OnlineState,Name,DepartmentsTitle,Title,Company,GoodAt,Profiles,Photo){  
        	if (Photo == null) {  
		        Photo = '../images/Doctors.png';  
		    }  
        	var html='';  
        	Price = OnlineDiagnosisPrice;  
        	var Text = '图文问诊(¥'+OnlineDiagnosisPrice+'元)';  
        	$('.OnlineDetails-button-right').val(Text);  
        	html = '<div class="OnlineDetails-Doctors-li" Id="'+Id+'">\  
                    <div class="OnlineDetails-Doctors-li-img"><img src="'+Photo+'"></div>\  
                    <div class="OnlineDetails-Doctors-li-cten">\  
                        <h3>\  
                            <span class="OnlineDetails-li-name">'+Name+'</span>\  
                        </h3>\  
                        <h4>\  
                            <span class="OnlineDetails-li-Clinic">'+DepartmentsTitle+'</span>\  
                            <span class="OnlineDetails-li-Clinic">'+Title+'</span>\  
                        </h4>\  
                        <h4 style="width:13rem;"><span class="OnlineDetails-li-Clinic">'+Company+'</span></h4>\  
                    </div>\  
                    <h4 class="DoctorsReservationOnlineType"><span class="OnlineDetails-OnlineLive">医生在线</span></h4>\  
                </div>\  
                <div class="OnlineDetails-Doctors-Introduction">\  
                    <div class="Introduction-Title">医生服务</div>\  
                    <div class="Introduction-text" style="overflow:hidden">\  
                        <img src="../images/DoctorsDetaile-info.png" />\  
                        <div class="DoctorsDetaile-info">\  
                            <p class="DoctorsDetaile-info-p">图文咨询&nbsp;&nbsp;&nbsp;<span>'+OnlineDiagnosisPrice+'元/次</span></p>\  
                            <p>使用文字、图片与医生沟通。</p>\  
                        </div>\  
                    </div>\  
                </div>\  
                <div class="OnlineDetails-Doctors-Introduction">\  
                    <div class="Introduction-Title">擅长</div>\  
                    <div class="Introduction-text">'+GoodAt+'</div>\  
                </div>\  
                <div class="OnlineDetails-Doctors-Introduction">\  
                    <div class="Introduction-Title">简介</div>\  
                    <div class="Introduction-text">'+Profiles+'</div>\  
                </div>\  
                <div class="OnlineDetails-Doctors-Introduction">\  
                    <div class="Introduction-Title">备注</div>\  
                    <div class="Introduction-text">工作时间:8点-17点</div>\  
                </div>\  
                <div class="OnlineDetails-Doctors-Introduction">\  
                    <div class="Introduction-Title Introduction-Title-pinglun"><p class="Introduction-Title-pingjia">用户评价</p>\  
                    <i class="Prescription-Title-info-right Advisory-Title-info-left"></i></div>\  
                    <ul class="DoctorsDetaile-Comment" style="margin-bottom: 48px;">\  
                    </ul>\  
                </div>';  
            $('.OnlineDetails-resume').append(html);  
        }  
          
		  
    </script>  
</body>  

</html>

2018-05-31 11:24 负责人:无 分享
已邀请:
天使中的魔鬼

天使中的魔鬼 - 这家伙很懒什么都没有留下

IOS下,我也遇到类似的问题。请问如何解决的?下拉后,一直刷新无法回弹,使用default就会有问题,如果使用circle 就没问题?

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