上拉加载提示文字不自动隐藏是为什么？

分类：MUI

上拉加载

2017-12-06 15:51 负责人:无分享

1 个回复

6***@qq.com

问题很模糊，代码呢

secret (作者)

<!DOCTYPE html>

<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" type="text/css" href="../../../../css/mui.min.css" />  

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

    <style>  

        html,  

        body {  

            background-color: #efeff4;  

        }  



        .title {  

            padding: 20px 15px 10px;  

            color: #6d6d72;  

            font-size: 15px;  

            background-color: #fff;  

        }  

    </style>  

</head>  



<body>  

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

        <div class="mui-scroll">  

            <div class="title">  

                入河排污工程信息查询  

            </div>  

            <ul class="mui-table-view mui-table-view-chevron" id="list">  



            </ul>  

        </div>  

    </div>  



</body>  

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

<script>  

    mui.init({  

            pullRefresh : {  

                container: "#list",  

                up : {  

                    auto: true,  

                    callback : pullupRefresh  

                },  

            },  

        });  



        var count = 0;  



        // 上拉加载函数  

        function pullupRefresh() {  

            setTimeout(function() {  

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

                count++;  

                addData(count);  

            }, 1500);  

            if(count == 100) {  

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

            }  

        }  



    function addData(count) {  

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

            dataType: 'json',  

            type: 'GET',  

            timeout: 10000,  

            async: true,  

            success: function(data) {  

                //{"reslut":1}  

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

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

                    cont += '<li class="mui-table-view-cell mui-collapse">'+  

                                '<a class="mui-navigate-right" href="javascript:;">' +  

                                    data[i].SMSNM +   

                                '</a>'+  

                                '<ul class="mui-table-view mui-table-view-chevron">'+  

                                    '<li class="mui-table-view-cell">' +  

                                        '<a class="mui-navigate-right" id="basicSituation.html?SMSCD=' + data[i].SMSCD + '">'+  

                                            '入河排污工程基本情况' +  

                                        '</a>' +  

                                    '</li>'+  

                                '</ul>' +  

                            '</li>';  

                }  

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

            },  

            error: function() {}  

        })  

    }  



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

        var href = this.getAttribute("id");  

        if(href != null){  

            var lru = href.split("?")[0];  

            var param = href.split("?")[1];  

            mui.openWindow({  

                url: lru,  

                extras: {  

                    SMSCD : param  

                }  

            })  

        }  

    })  

</script>

</html>

2017-12-06 16:05

6***@qq.com

下拉刷新容器是.mui-scroll-wrapper，不是mui-table-view，id=list位置不对

2017-12-06 16:17
secret (作者)

回复 6***@qq.com:明白了，多谢

2017-12-06 17:03

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

上拉加载提示文字不自动隐藏是为什么？

1 个回复

公告

相关问题

上拉加载提示文字不自动隐藏是为什么？

与内容相关的链接

1 个回复

公告

相关问题