效果展示：

1.雙頁面banShiZhiNan.html（主頁面） banShiZhiNan_sub.html（子頁面）

banShiZhiNan.html

HTML

<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>

JS

<script type="text/javascript">
    mui.init({
        
 
//啟用雙擊事件
    gestureConfig: {
        doubletap: true
    },
        subpages: [{
        url: 'banShiZhiNan_sub.html',
        id: 'banShiZhiNan_sub.html',
            styles: {
                top: '44px',
            bottom: '0px',
        }
    }]
    });
</script>     

banShiZhiNan_sub.html

HTML

<div class="mui-content">
            <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
                <div class="mui-scroll" id="gonggaoul">
                    <!--資料列表-->
                    <div id="detailPage" class="list_box">
                        <
 
div class="list">
                            <div class="list-center">
                                <div class="listTit">關於如何申請低保貧困戶</div>
                                <div class="listName">
                                    <div class="listNameLeft">關於如何申請低保貧困戶</div>
                                    <div class="listNameRight"><img src="../../../img/icon/lookmore_green.png"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="noMore" class="noMroe">上拉顯示更多</div>
            </div>
        </div>

JS

var hasMore = true;
mui.init({
    swipeBack: true,
    pullRefresh: {
        container: '#pullrefresh',
        down: {
            callback: pulldownRefresh
        },
        up: {
            contentrefresh: '正在載入...',
            callback: pullupRefresh,
            contentdown: ''
        }
    }
});
/**
 * 下拉重新整理具體業務實現
 */
function pulldownRefresh() {
    hasMore = false;
    page = 1;
    setTimeout(function() {
        mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
        document.getElementById("noMore").innerText = "上拉顯示更多";
    }, 1000);
}
/**
 * 上拉載入具體業務實現
 */

function pullupRefresh() {
    setTimeout(function() {
        if (hasMore == true)
            mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);
        else {
            mui('#pullrefresh').pullRefresh().endPullupToRefresh();
            document.getElementById("noMore").innerText = "沒有更多資料了";
        }
    }, 1000);
}