Authored by xuqi

guang home loading

@@ -8,7 +8,6 @@ var $ = require('yoho.zepto'), @@ -8,7 +8,6 @@ var $ = require('yoho.zepto'),
8 Swiper = require('yoho.iswiper'); 8 Swiper = require('yoho.iswiper');
9 9
10 var info = require('./info'), 10 var info = require('./info'),
11 - setLazyLoadAndMellipsis = info.setLazyLoadAndMellipsis,  
12 loadMore = info.loadMore; 11 loadMore = info.loadMore;
13 12
14 var $loadMoreInfo = $('#load-more-info'); 13 var $loadMoreInfo = $('#load-more-info');
@@ -45,10 +44,11 @@ info.initInfosEvt($infoList); @@ -45,10 +44,11 @@ info.initInfosEvt($infoList);
45 var gender = $('#gender').val(); 44 var gender = $('#gender').val();
46 45
47 $nav.children('.guang-nav-item').each(function() { 46 $nav.children('.guang-nav-item').each(function() {
48 - var type = $(this).data('type'); 47 + var type = $(this).data('type'),
  48 + focus = $(this).hasClass('focus');
49 49
50 state[type] = { 50 state[type] = {
51 - page: 1, 51 + page: focus ? 1 : 0,
52 gender: gender, 52 gender: gender,
53 type: type, 53 type: type,
54 end: false 54 end: false
@@ -65,6 +65,9 @@ $nav.delegate('.guang-nav-item', 'tap', function() { @@ -65,6 +65,9 @@ $nav.delegate('.guang-nav-item', 'tap', function() {
65 return; 65 return;
66 } 66 }
67 67
  68 + $curNav = $this;
  69 + curType = $this.data('type');
  70 +
68 index = $this.index(); 71 index = $this.index();
69 72
70 $this.addClass('focus'); 73 $this.addClass('focus');
@@ -75,11 +78,7 @@ $nav.delegate('.guang-nav-item', 'tap', function() { @@ -75,11 +78,7 @@ $nav.delegate('.guang-nav-item', 'tap', function() {
75 $content = $infos.eq(index); 78 $content = $infos.eq(index);
76 $content.removeClass('hide'); 79 $content.removeClass('hide');
77 80
78 - //lazyload & mellipsis  
79 - setLazyLoadAndMellipsis($content.children('.guang-info'));  
80 -  
81 - $curNav = $this;  
82 - curType = $this.data('type'); 81 + loadMore($content, state[curType]);
83 82
84 //重置当前Tab的load-more 83 //重置当前Tab的load-more
85 if (state[curType].end) { 84 if (state[curType].end) {
@@ -93,6 +92,6 @@ $nav.delegate('.guang-nav-item', 'tap', function() { @@ -93,6 +92,6 @@ $nav.delegate('.guang-nav-item', 'tap', function() {
93 92
94 $(document).scroll(function() { 93 $(document).scroll(function() {
95 if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) { 94 if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {
96 - loadMore($infos, state[curType]); 95 + loadMore($infos.not('hide'), state[curType]);
97 } 96 }
98 }); 97 });
@@ -9,12 +9,13 @@ var $ = require('yoho.zepto'), @@ -9,12 +9,13 @@ var $ = require('yoho.zepto'),
9 lazyLoad = require('yoho.zeptolazyload'); 9 lazyLoad = require('yoho.zeptolazyload');
10 10
11 var tip = require('../plugin/tip'); 11 var tip = require('../plugin/tip');
  12 +var loading = require('../plugin/loading');
12 13
13 var $loadMoreInfo = $('#load-more-info'); 14 var $loadMoreInfo = $('#load-more-info');
14 var $loading = $(''), 15 var $loading = $(''),
15 $noMore = $(''); 16 $noMore = $('');
16 17
17 -var loading = false; 18 +var searching = false;
18 19
19 ellipsis.init(); 20 ellipsis.init();
20 21
@@ -84,7 +85,7 @@ function initInfosEvt($container) { @@ -84,7 +85,7 @@ function initInfosEvt($container) {
84 * 资讯LoadMore 85 * 资讯LoadMore
85 */ 86 */
86 function loadMore($container, opt) { 87 function loadMore($container, opt) {
87 - if (loading) { 88 + if (searching) {
88 return; 89 return;
89 } 90 }
90 91
@@ -92,7 +93,13 @@ function loadMore($container, opt) { @@ -92,7 +93,13 @@ function loadMore($container, opt) {
92 return; 93 return;
93 } 94 }
94 95
95 - loading = true; 96 + if (opt.page === 0) {
  97 +
  98 + //显示loading
  99 + loading.showLoadingMask();
  100 + }
  101 +
  102 + searching = true;
96 $.ajax({ 103 $.ajax({
97 type: 'GET', 104 type: 'GET',
98 url: ' /guang/index/page', 105 url: ' /guang/index/page',
@@ -100,7 +107,7 @@ function loadMore($container, opt) { @@ -100,7 +107,7 @@ function loadMore($container, opt) {
100 success: function(data) { 107 success: function(data) {
101 if (data === ' ') { 108 if (data === ' ') {
102 opt.end = true; 109 opt.end = true;
103 - loading = false; 110 + searching = false;
104 111
105 // 112 //
106 $loading.addClass('hide'); 113 $loading.addClass('hide');
@@ -112,13 +119,17 @@ function loadMore($container, opt) { @@ -112,13 +119,17 @@ function loadMore($container, opt) {
112 119
113 setLazyLoadAndMellipsis($container.find('.guang-info')); 120 setLazyLoadAndMellipsis($container.find('.guang-info'));
114 121
  122 + if (opt.page === 0) {
  123 + loading.hideLoadingMask();
  124 + }
  125 +
115 opt.page++; 126 opt.page++;
116 127
117 - loading = false; 128 + searching = false;
118 }, 129 },
119 error: function() { 130 error: function() {
120 tip.show('网络断开连接了~'); 131 tip.show('网络断开连接了~');
121 - loading = false; 132 + searching = false;
122 } 133 }
123 }); 134 });
124 } 135 }