最近多處地方用到這塊的功能，順便總結下。
1

<!--下拉重新整理容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
  <div class="mui-scroll">
    <!--資料列表-->
    <ul class="mui-table-view mui-table-view-chevron">
    </ul>
  </div>
</div>

2

        //初始化
    mui.init({
        pullRefresh: {
            container
 
: "#refreshContainer", //下拉重新整理容器標識
            down: {
                auto: false,
                contentdown: "下拉可以重新整理",
                contentover: "釋放立即重新整理",
                contentrefresh: "正在重新整理...",
                callback: pullDownFresh
            },
            up: {
                height: 50
 
, //可選.預設50.觸發上拉載入拖動距離
                auto: false,
                contentover: "釋放立即載入",
                contentrefresh: "正在載入...",
                contentnomore:'沒有更多資料了',
                callback: pullupFresh
            }
        }
    });

3

   //  上拉載入
    function pullupFresh() {
        setTimeout(function
 
() {
            var lastId = document.getElementById("lastId").value;
            if(isPullupOver) {//判斷是否拉完，也可以放到endPullupToRefresh（表示式）進行判斷
                                    mui('#refreshContainer').pullRefresh().endPullupToRefresh(true) //結束上拉載入true結束false不結束
            } else {
                mui('#refreshContainer').pullRefresh().endPullupToRefresh(false) //結束上拉載入true結束false不結束
                queryList("0",lastId);//後臺通過最後一條資料查下邊的
            }
        }, 1500);
    }
    //  下拉重新整理
    function pullDownFresh() {
    var firstId = document.getElementById("firstId").value;
        setTimeout(function()           
            queryList("1",firstId);//後臺通過第一條資料查上邊的
            mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
        }, 1500);
    }

當然ajax裡邊還有挺多的邏輯，下邊我一一闡述下
（1）初始請求資料為空時，不能直接判斷data.length.應該加上上拉下拉的次數，否則當上拉或則下拉的時後沒資料時，直接展示暫無資料了。（++time == 1 && da.length == 0)//初始進來有沒有資料）