移动端下拉刷新、上拉加载更多插件dropload

参看 下载   https://github.com/pfan123/dropload


引用css和js
<link rel="stylesheet" href="css/dropload.css">
<script src="js/dropload.min.js"></script>
<script src="js/jquery-1.12.4.min.js"></script>

html
<div class="element">
<ul class="mui-table-view"></ul>
</div>

js内容
$('.element').dropload({
    scrollArea : window,
    loadDownFn : function(me){
        $.ajax({
            type: 'GET',
            url: 'json/more.json',
            dataType: 'json',
            success: function(data){
                alert(data);
                     var result='';
             var bb=data.list.length;
                      if(bb==0){
                  result="<h4 id='meiyou' style='text-align:center;color:#ccc;margin-top:10px;height:35px;'>没有更多数据了</h4>";
                };

                    for (var i = 0; i < bb; i++) {
                         var k=data.list[i];
                          result="<li class="mui-table-view-cell">'+k.name+'</li>";
                         $(".mui-table-view").append(ht);
                      }
                // 每次数据加载完，必须重置
                me.resetload();
            },
            error: function(xhr, type){
                alert('Ajax error!');
                // 即使加载出错，也得重置
                me.resetload();
            }
        });
    }
});