jsp手机端网页实现下拉刷新，上拉加载

实现代码如下：（js控制代码）
 1 var loading = false;
    $(document.body).infinite().on("infinite", function() {
        $("#loadingID").css("display","");
        if(loading)return;
        loading = true;
        setTimeout(function() {
        var pageNo=parseInt($("#currPage").val(),10)+1;
            searchData(pageNo);
            loading = false;
        }, 1000);
    });
    
    $(document.body).pullToRefresh().on("pull-to-refresh",function(){
        setTimeout(function(){
            $("#tbodyGrid").html("");
            searchData(1);
            $(document.body).pullToRefreshDone();
        },1000);
    });    

jsp页面控制代码：

<div class="weui-pull-to-refresh-layer">
    <div class='pull-to-refresh-arrow'></div>
    <div class='pull-to-refresh-preloader'></div>
    <div class="down">下拉刷新</div>
    <div class="up">释放刷新</div>
    <div class="refresh">正在刷新</div>
</div>


<div class="weui-infinite-scroll"  id="loadingID" >
    <div class="infinite-preloader"></div>
    正在加载
</div>    

demo在下面有链接（解压密码：demo）：

 http://files.cnblogs.com/files/shitou5e/demo.zip