手机端下拉加载页面

<script type="text/javascript" src="/js/framework/dist/dropload.min.js"></script>
<link rel="stylesheet" href="/js/framework/dist/dropload.css">
<div class="content-page">
    <div class="login_top">
        <a href="z-my_2.html" class="login_back"></a>
        <h2 class="login_tit">全部订单</h2>
        <!-- <a href="#" class="login_btn2">注册</a> -->
    </div>
    <ul class="myorder_list">

    </ul>
</div>
<script>
$(function(){
    // 页数
    var page = 0;
    // 每页展示10个
    var size = 10;

    // dropload
    $('.content-page').dropload({
        scrollArea : window,
        loadDownFn : function(me){
            page++;
            // 拼接HTML
            var result = '';
            $.ajax({
                type: 'GET',
                url: '/ucenter/orderlist?page='+page+'&per-page='+size,
                dataType: 'json',
                success: function(data){
                    if(page <= data.page_count){
                    var arrLen = data.datas.length;
                    if(arrLen > 0){
                        for(var i=0; i<arrLen; i++){
                            result +=   '<li class="myorder_listli">'
                                            +'<div class="myorder_num">'
                                            +'<span >订单编号  '+data.datas[i].order_id+'</span>'
                                            +data.datas[i].status_info
                                            +'</div>'
                                            +'<div class="myorder_cont">'
                                            +'<div class="myorder_img">'
                                            +'<img src="'+data.datas[i].image+'" height="71" width="85" alt="">'
                                            +'</div>'
                                            +'<div class="myorder_info">'
                                            +'<a href="/ucenter/orderinfo?order_no='+data.datas[i].order_no+'" class="myorder_title">'+data.datas[i].title+'</a>'
                                            +data.datas[i].package
                                            +'</div>'
                                            +'</div>'
                                            +'<div class="myorder_price">'
                                            +'<span class="myorder_acount">总金额   <dfn class="">¥'+data.datas[i].price+'</dfn></span>'
                                            +data.datas[i].url
                                            +'</div>'
                                            +'</li>';
                        }
                    // 如果没有数据
                    }
                    }else{
                        // 锁定
                        me.lock();
                        // 无数据
                        me.noData();
                    }
                    // 为了测试，延迟1秒加载
                    setTimeout(function(){
                        // 插入数据到页面，放到最后面
                        $('.myorder_list').append(result);
                        // 每次数据插入，必须重置
                        me.resetload();
                    },1000);
                },
                error: function(xhr, type){
                    alert('Ajax error!');
                    // 即使加载出错，也得重置
                    me.resetload();
                }
            });
        }
    });
});
</script>