...
|
...
|
@@ -83,7 +83,7 @@ InfiniteLoad.prototype.stop = function() { |
|
|
InfiniteLoad.prototype.__directionCalculation = function() {
|
|
|
var p = this.options;
|
|
|
|
|
|
if (p.offset.height && p.offset.height() > 0 && $(window).scrollTop() + $(window).height() >= p.offset.height()) {
|
|
|
if (p.offset.height && p.offset.height() > 0 && $(window).scrollTop() + window.innerHeight >= p.offset.height()) {
|
|
|
return true;
|
|
|
}
|
|
|
return false;
|
...
|
...
|
@@ -93,31 +93,19 @@ module.exports = function(data) { |
|
|
var $container = $('#newarrivals .goods-container');
|
|
|
var $load = $('.loading a');
|
|
|
var load = new InfiniteLoad({
|
|
|
index: 1,
|
|
|
offset: {
|
|
|
height: function() {
|
|
|
return parseFloat($container.offset().top) + parseFloat($container.height()) - 200;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
var options;
|
|
|
var loadAjax;
|
|
|
var url = data.url;
|
|
|
var firstCount = data.firstCount;
|
|
|
var pageCount = data.pageCount;
|
|
|
|
|
|
delete data.url;
|
|
|
delete data.firstCount;
|
|
|
delete data.pageCount;
|
|
|
|
|
|
|
|
|
|
|
|
load.on('after', function(p) {
|
|
|
|
|
|
data = $.extend({}, data, {
|
|
|
pageIndex: p.index
|
|
|
});
|
|
|
|
|
|
data.pageCount = (data.pageIndex === 1) ? firstCount : pageCount;
|
|
|
|
|
|
var loadAjax=function(url,data,count){
|
|
|
options = {
|
|
|
type: 'POST',
|
|
|
url: url,
|
...
|
...
|
@@ -127,7 +115,10 @@ module.exports = function(data) { |
|
|
var myTemplate;
|
|
|
|
|
|
if (code === 200) {
|
|
|
|
|
|
var len = data.goods.length%count;
|
|
|
var pos = data.goods.length-len-1;
|
|
|
data.goods.splice(pos,len);
|
|
|
|
|
|
myTemplate = Handlebars.compile(load.tpl);
|
|
|
|
|
|
$container.append(myTemplate(data.goods));
|
...
|
...
|
@@ -150,23 +141,22 @@ module.exports = function(data) { |
|
|
};
|
|
|
|
|
|
$.ajax(options);
|
|
|
}
|
|
|
|
|
|
|
|
|
load.on('after', function(p) {
|
|
|
data = $.extend({}, data, {
|
|
|
pageIndex: p.index
|
|
|
});
|
|
|
|
|
|
|
|
|
data.pageCount = data.count*data.rows[1];
|
|
|
|
|
|
loadAjax(url,data);
|
|
|
});
|
|
|
|
|
|
load.on('before', function() {
|
|
|
|
|
|
//请求模板
|
|
|
// load.tpl = '{{#each this}}';
|
|
|
// load.tpl += '<li>';
|
|
|
// load.tpl += ' <a href="{{url}}"><div class="commodity-img">';
|
|
|
// load.tpl += ' {{# tip}}';
|
|
|
// load.tpl += ' <i class="commodity-tag">{{.}}</i>';
|
|
|
// load.tpl += ' {{/ tip}}';
|
|
|
// load.tpl += ' <img class="lazy" data-original="{{img}}" src="{{img}}"/></div>';
|
|
|
// load.tpl += ' <p class="commodity-name">{{name}}</p>';
|
|
|
// load.tpl += ' <p class="commodity-price"><span>¥{{price}}</span></p>';
|
|
|
// load.tpl += ' </a>';
|
|
|
// load.tpl += '</li>';
|
|
|
// load.tpl += '{{/each}}';
|
|
|
load.on('before', function(p) {
|
|
|
|
|
|
|
|
|
load.tpl = '{{#each this}}';
|
|
|
load.tpl += '<div class="good-info" data-skn="{{skn}}">';
|
...
|
...
|
@@ -221,6 +211,14 @@ module.exports = function(data) { |
|
|
load.tpl += '</div>';
|
|
|
load.tpl += '{{/each}}';
|
|
|
|
|
|
data = $.extend({}, data, {
|
|
|
pageIndex: p.index
|
|
|
});
|
|
|
|
|
|
|
|
|
data.pageCount = data.count*data.rows[0];
|
|
|
|
|
|
loadAjax(url,data,data.count);
|
|
|
|
|
|
load.emit();
|
|
|
});
|
...
|
...
|
|