【报Bug】ISO上拉加载报错

分类：HBuilder

上拉加载

详细问题描述
页面A 用openWindow方法打开页面B（主页面），同时打开（C）子页面，子页面上拉加载数据时报错：
在IOS上报错，ERROR] : TypeError: undefined is not an object (evaluating 'this.pullPocket.classList')
安卓系统运行正常

苹果iphone 5s
[浏览器版本]
[IDE版本]
[mui版本]
mui.min.js 2.2

页面B代码：

<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" />  
        <title></title>  
        <script src="js/mui.min.js"></script>  
        <link href="css/mui.min.css" rel="stylesheet" />  
    </head>  

    <body>  
        <header class="mui-bar mui-bar-nav" style="padding-right: 15px;">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">XXXX</h1>  
        </header>   
<script>  
mui.init({  
                subpages: [{  
                    url: 'SupplierShop_sub.html',  
                    id: 'SupplierShop_sub.html',  
                    styles: {  
                        top: '45px',  
                        bottom: '0px',  
                    }  
                }]  
            });                           
</script>  
</body>

页面C代码：

<html>  

    <head>  
        <meta charset="utf-8">  
        <title>店铺商品列表</title>  
        <meta name="viewport" content="width=device-width, initial-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">  
        <link rel="stylesheet" href="css/mui.min.css">  
    </head>  

    <body>  
        <div class="mui-content">  
                       <div id="prodList" class="mui-content-padded mui-scroll-wrapper">  
                <div class="mui-scroll">  
                    <!--数据列表-->  
                    <ul id="prodData" class="mui-table-view mui-grid-view">  

                    </ul>  
                </div>  
            </div>  
                </div>  
               <script src="js/mui.min.js"></script>  
               <script>  
                     mui.init({  
                pullRefresh: {  
                    container: '#prodList',  
                    up: {  
                        contentrefresh: '正在加载...',  
                        callback: plusReady  
                    }  
                }  
            });  

            if(window.plus) {  
                plusReady();  
            } else {  
                document.addEventListener("plusready", plusReady, false);  
            }  
                        function plusReady() {  
                                  ..... 上拉实现  
                        }  
                        if(mui.os.plus) {  
                mui.plusReady(function() {  
                    setTimeout(function() {  
                        mui('#prodList').pullRefresh().pullupLoading();  
                    }, 1000);  
                });  
            } else {  
                mui.ready(function() {  
                    mui('#prodList').pullRefresh().pullupLoading();  
                });  
            }  
               </script>  
        </body>

2016-07-19 09:19 1 条评论负责人:无分享

3 个回复

Trust - 少说废话

将源代码改造了一下，代码如下：

<!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" />  
    </head>  

    <body>  
        <div class="mui-content">  
            <div id="prodList" class="mui-content-padded mui-scroll-wrapper">  
                <div class="mui-scroll">  
                    <!--数据列表-->  
                    <ul id="prodData" class="mui-table-view mui-grid-view">  

                    </ul>  
                </div>  
            </div>  
        </div>  
        <script src="../../js/mui.min.js"></script>  
        <script type="text/javascript">  
            mui.init({  
                pullRefresh: {  
                    container: '#prodList',  
                    up: {  
                        contentrefresh: '正在加载...',  
                        callback: pullUp  
                    }  
                }  
            });  
            mui.plusReady(function() {  

            });  

            function pullUp() {  
                console.log("上拉加载实现。。。");  
                setTimeout(function() {  
                    mui('#prodList').pullRefresh().endPullupToRefresh(true);  
                    console.log("2秒后停止上拉加载。。。");  
                }, 2000);  
            }  
        </script>  
    </body>  

</html>

另外，请阅读关于上拉加载的文档，如果还有疑问可以再联系我。