iOS端基于HBuilder基座运行项目，用了上拉加载之后整个页面内容都不显示，但Android端不存在

分类：MUI

上拉加载

报以下错误
[ERROR] : TypeError: undefined is not an object (evaluating 'this.scroller[action]') at js/mui.js:3827

定位之后显示
3827 this.scroller[action]('webkitTransitionEnd', this);

2017-12-06 10:14 负责人:无分享

4 个回复

secret (作者) - 菜鸟一枚，初来乍到，请多指教

报错信息如下

n***@gmail.com

请提供示例工程，HBuilder版本信息也贴一下

secret (作者)

<!doctype html>

<html>

<head>  

    <meta charset="UTF-8">  

    <title></title>  

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  

    <link href="../../css/mui.min.css" rel="stylesheet" />  

    <script src="../../js/staticConstants.js"></script>  

</head>  



<body>  

    <header class="mui-bar mui-bar-nav">  

        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  

        <h1 class="mui-title">局务新闻</h1>  

    </header>  

    <div id="pullrefresh" class="mui-scroll-wrapper">  

        <div class="mui-scroll" id="list">  



        </div>  

    </div>  



    <script src="../../js/mui.min.js"></script>  

    <script type="text/javascript">  

        var pageIndex = 1  



        mui.init({  

            pullRefresh : {  

                container: "#list",  

                up : {  

                    auto: true,  

                    contentrefresh : "正在刷新...",  

                    contentnomore : "没有更多新闻了",  

                    callback : pullupRefresh  

                },  

            },  

        });  



        var count = 0;  



        // 上拉加载函数  

        function pullupRefresh() {  

            setTimeout(function() {  

                mui('#list').pullRefresh().endPullup((++count > 10)); //参数为true代表没有更多数据了。  

                addData(count);  

            }, 1500);  

            if(count == 10) {  

                mui('#list').pullRefresh().endPullupToRefresh(true);  

            }  

        }  



        // 获取新数据  

        function addData(count){  

            mui.ajax(baseUrl + '/getBureauNews?pageIndex=' + count, {  

            dataType: 'json',  

            type: 'GET',  

            timeout: 10000,  

            async: true,  

            success: function(e) {  

                result = e.data;  

                mui.toast("已为您加载 "+ result.length + " 条新闻");  

                var cont = document.getElementById("list").innerHTML;  

                for(var i = 0; i < result.length ; i++) {  

                    result[i].id = 10 * (count - 1) + result[i].id  

                    cont += '<div class="mui-card">' +  

                                '<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(' +  

                                'http://y.xnit.net'+ result[i].image_thum + ')"></div>' +  

                                '<div class="mui-card-content">' +  

                                    '<div class="mui-card-content-inner">' +  

                                        '<p>' + result[i].sourceDate.split(" ")[0] + '</p>' +  

                                        '<p style="color: #333;">' +  

                                        result[i].title +  

                                        '</p>' +  

                                    '</div>' +  

                                '</div>' +  

                                '<div class="mui-card-footer">' +  

                                    '<a class="mui-card-link"></a>' +  

                                    '<a class="mui-card-link" id="'+ result[i].id +'">' + '详情' + '</a>' +  

                                '</div>' +  

                            '</div>';  

                }  

                document.getElementById("list").innerHTML = cont;  

            },  

            error: function() {}  

            });  



        }  



        var atad = "";  

        mui("#list").on('tap', 'a', function(){  

            var id = this.id;  

            for(var i=0; i<result.length; i++) {  

                if(result[i].id == id) {  

                    atad = result[i];  

                }  

            }  



            mui.openWindow({  

                url : "bureauNewsContent.html",  

                extras: {  

                    dataTrans : atad  

                }  

            });  

        });  



    </script>  

</body>