//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
![exchange-title.png](__PUBLIC__/dev/img/index/exchange-title.png)
正在加载...
为什么这样写,手机浏览器还是会多次加载呢