|
|
/**
|
|
|
* 商品详情 --滚动页面加载
|
|
|
* @author: Lynnic
|
|
|
* @date: 2015/11/25
|
|
|
*/
|
|
|
var $ = require('jquery'),
|
|
|
loading = require('../../plugin/loading'),
|
|
|
tip = require('../../plugin/tip');
|
|
|
|
|
|
var loadMoreUrl = $('#loadMoreUrl').val(),
|
|
|
$commentsDiv = $('#goods-comments'),
|
|
|
$consultsDiv = $('#goods-consults'),
|
|
|
winH = $(window).height(),
|
|
|
searching = false,
|
|
|
end = false;
|
|
|
|
|
|
var jsonObj;
|
|
|
|
|
|
//插入评论列表底部
|
|
|
function insertCommentsDiv(json) {
|
|
|
var html = '';
|
|
|
var i;
|
|
|
|
|
|
|
|
|
for (i = 0; i < json.length; i++) {
|
|
|
html += '<div class="comment-item">';
|
|
|
html += '<span class="user-name">' + json[i].userName + '</span>';
|
|
|
html += '<span class="goods-spec">' + json[i].desc + '</span>';
|
|
|
html += '<span class="goods-spec">' + json[i].content + '</span>';
|
|
|
html += '<span class="goods-spec">' + json[i].time + '</span>';
|
|
|
}
|
|
|
$commentsDiv.append(html);
|
|
|
}
|
|
|
|
|
|
//插入咨询列表底部
|
|
|
function insertConsultsDiv(json) {
|
|
|
var html = '';
|
|
|
var i;
|
|
|
|
|
|
|
|
|
for (i = 0; i < json.length; i++) {
|
|
|
html += '<div class="consult-item"> ';
|
|
|
html += '<div class="question"> ';
|
|
|
html += '<span class="iconfont"></span> ';
|
|
|
html += '<p> ';
|
|
|
html += json[i].question + '<br> ';
|
|
|
html += '<span class="time">' + json[i].time + '</span> ';
|
|
|
html += '</p> ';
|
|
|
html += '</div> ';
|
|
|
|
|
|
html += '<div class="answer"> ';
|
|
|
html += '<span class="iconfont"></span> ';
|
|
|
html += '<p>' + json[i].answer + '</p> ';
|
|
|
html += '</div> ';
|
|
|
html += '</div> ';
|
|
|
}
|
|
|
$consultsDiv.append(html);
|
|
|
}
|
|
|
|
|
|
function search() {
|
|
|
if (searching || end) {
|
|
|
return;
|
|
|
}
|
|
|
searching = true;
|
|
|
|
|
|
loading.showLoadingMask();
|
|
|
|
|
|
$.ajax({
|
|
|
type: 'GET',
|
|
|
url: loadMoreUrl,
|
|
|
success: function(data) {
|
|
|
if (data.length > 0) {
|
|
|
jsonObj = JSON.parse(data);
|
|
|
if ($commentsDiv.length > 0) {
|
|
|
insertCommentsDiv(jsonObj);
|
|
|
} else if ($consultsDiv.length > 0) {
|
|
|
insertConsultsDiv(jsonObj);
|
|
|
}
|
|
|
}
|
|
|
searching = false;
|
|
|
end = true;
|
|
|
loading.hideLoadingMask();
|
|
|
},
|
|
|
error: function() {
|
|
|
tip.show('网络断开连接了~');
|
|
|
searching = false;
|
|
|
loading.hideLoadingMask();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function scrollHandler() {
|
|
|
if (!end || $(window).scrollTop() + winH >= $(document).height() - 50) {
|
|
|
search();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//srcoll to load more
|
|
|
$(window).scroll(function() {
|
|
|
window.requestAnimationFrame(scrollHandler);
|
|
|
});
|
|
|
|
...
|
...
|
|