detail-list.page.js
1.39 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/**
* 星潮教室-明星专题列表
* @author: wsl<shuiling.wang@yoho.cn>
* @date: 2016/6/7
*/
let $ = require('yoho-jquery'),
tip = require('plugin/tip'),
loading = require('plugin/loading'),
lazyLoad = require('yoho-jquery-lazyload');
let $detailList = $('.detail-list'),
stopLoading = false,
page = 1;
require('./list-common');
// 翻页
function massageAJAX(pageData) {
loading.showLoadingMask();
$.ajax({
type: 'GET',
url: '/guang/star/detailList',
data: {
page: pageData,
tag: $('.detail-list').data('name')
},
dataType: 'html',
success: function(data) {
stopLoading = false;
if (data === '') {
stopLoading = true;
tip.show('没有更多内容了');
}
$('.detail-list').append(data);
lazyLoad($('img.lazy'));
loading.hideLoadingMask();
},
error: function() {
tip.show('网络断开连接了~');
}
});
}
function scrollHandler() {
if (!stopLoading && ($(window).scrollTop() + $(window).height() > $('body').height() - 100)) {
stopLoading = true;
page++;
massageAJAX(page);
}
}
$(window).scroll(function() {
window.requestAnimationFrame(scrollHandler);
});
if ($detailList.find('li').length === 0) {
massageAJAX(1);
}