1***@qq.com
1***@qq.com
  • 发布:2017-03-21 10:17
  • 更新:2017-03-21 17:08
  • 阅读:1428

MUI中上拉加载的组件在安卓机上出现问题

分类:MUI

苹果机上真机测试没问题,一切正常;
安卓机上真机测试,加载的内容区域无法向上拖动,经过测试,双击向上滑动可以上拉,但还是卡,求大神帮忙找找问题出在哪里?

界面结构:
<div class="mui-content mui-scroll-wrapper" id="pullrefresh" style="width: 90%;margin: 0 auto;">
<div class="mui-scroll">
<div class="mui-card click-detail" id="firstBox"></div>
<div class="tuij-bot"></div>
<!--tuij-bot-->
</div>
<!--mui-scroll-->
</div>

=====================js==============================
mui.init({
pullRefresh: {
container: "#pullrefresh", //待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
// down: {
// callback: pulldownRefresh
// },
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
if(mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 1000);

});  

} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
});
}
/**

  • 上拉加载具体业务实现
    */
    function pullupRefresh() {
    setTimeout(function() {
    pullfreshFunction();
    }, 1500);
    }
    var count = 5;
    function pullfreshFunction() {
    $.ajax({
    type: "post",
    url: 'http://www.toeflonline.cn/cn/app-api/reference-page',
    async: true,
    dataType: "json",
    data: {
    catId: 137,
    pageSize: count,
    page: 1

    },  
    success: function(data) {  
        jQuery("#firstBox").html("");  
        jQuery(".tuij-bot").html("");  
        count = count + 10;  
        mui('#pullrefresh').pullRefresh().endPullupToRefresh((count > data.count)); //参数为true代表没有更多数据了。  
        var content = '';  
        var firstStr = '<div class="mui-card-content">' +  
            '<img src="http://www.toeflonline.cn' + data.data[0].image + '" />' +  
            '<h4>' + data.data[0].name + '</h4>' +  
            '</div>' +  
            '<div class="mui-card-footer">' +  
            '<p>发布于' + formatDate(data.data[0].createTime) + '</p>' +  
            '<p><span><img src="images/myimages/Toeflxiaoxi@2x.png" width="20px"/>' + data.data[0].viewCount + '</span></p>' +  
            '</div>';  
        jQuery("#firstBox").attr("data-id", data.data[0].id);  
        jQuery("#firstBox").append(firstStr);  
        var imgStr = '';  
        for(var i = 1; i < data.data.length; i++) {  
            if(data.data[i].image) {  
                imgStr = "http://www.toeflonline.cn" + data.data[i].image;  
            } else {  
                imgStr = 'images/myimages/place.jpg';  
            }  
            content += '<div class="mui-row click-detail" data-id="' + data.data[i].id + '">' +  
                '<div class="mui-col-sm-4 mui-col-xs-4">' +  
                '<img src="' + imgStr + '" />' +  
                '</div>' +  
                '<div class="mui-col-sm-8 mui-col-xs-8">' +  
                '<div style="width: 95%;">' +  
                '<div class="mui-ellipsis">' + data.data[i].name + '</div>' +  
                '<p>发布于' + formatDate(data.data[i].createTime) +  
                ' <span style="float: right;"><img src="images/myimages/Toeflxiaoxi@2x.png" width="20px"/>' +  
                data.data[i].viewCount + '</span></p>' +  
                '</div>' +  
                '</div>' +  
                '<div class="mui-clearfix"></div>' +  
                '</div>';  
        }  
        jQuery(".tuij-bot").append(content);  
    }  

    });
    }

2017-03-21 10:17 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

已解决 纯属个人代码问题 多写了个init初始化

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