//javascript

$(function(){

    waitAajxDataLoad();

    getMoreModelList();

});


function getMoreModelList(){
    var page = 1;
    var flag = true;
  
    loadModeList();

    $(window).scroll(function(){
       scrollFn();
    });


    function scrollFn(){
        var documentHeight = $(document).height();
        var windowHeight = parseInt($(this).height());
        var windowScrollTop = parseInt($(this).scrollTop());

        if(documentHeight <= windowHeight){
            return false;
        }
        
        if(windowHeight + windowScrollTop >= documentHeight){
            if(flag === true){
                loadModeList();
            }
        }
    }

    
    function loadModeList(){
        var loading = $(".js-model-list");
        var url = getScriptObj(".js-be-api").getMoreCarModel;
        var modelWrap = $(".js-model-list");
        var html = "";

        $(window).unbind('scroll');

        $.ajax({
            // async: false,
            url: url,
            type: "POST",
            dataType: "JSON",
            data: {
                page: page
            }
        }).done(function(data){
           
            $(window).scroll(function(){
               scrollFn();
            });

            if(data.status === 0){
                html = renderTemplate(data);
                modelWrap.append(html);
                page++;

            }else if(data.status === 3){
                msg.toast(data.msg);
                flag = false;
            }

            lazyLoadImg();

        }).fail(function(){
            msg.toast("网络开了会小差");
        });
    }
}


function renderTemplate(data){
    var html = "";

    for(var i in data.data){
        
        html += "
" + 
            "" + 
                "" +
                "
" + data.data[i].title + "
";
                
                if ( data.data[i].discount_type === '1'){
                    html += "
礼" + data.data[i].discount + "
";
                }else if (data.data[i].discount_type === '2'){
                    html += "
卡" + data.data[i].discount + "
";
                }
                
                
                html += "
" + 
                    "￥" + data.data[i].activity_price + "万" +
                    "￥" + data.data[i].guide_price+ "万
 
";
    }

    return html;              
}



function waitAajxDataLoad(){
    $(document).ajaxStart(function(){
        $(".js-load").addClass('active');
    });

    $(document).ajaxComplete(function(){
        $(".js-load").removeClass('active');
    });
}


function lazyLoadImg(){
    var imgs = $(".js-model-list li img");

    imgs.error(function(){
        var $this = $(this);
        $this.attr("src", "/exchange/Public/dev/img/pbl/defaultpic.jpg");
    });

}


//html

    

    

       

    

    

        正在加载...
    

为什么这样写，手机浏览器还是会多次加载呢