Authored by xuqi

deal with lazyload failure

@@ -12,7 +12,9 @@ var orderId = $('#order-detail').data('id'); @@ -12,7 +12,9 @@ var orderId = $('#order-detail').data('id');
12 12
13 var optHammer; 13 var optHammer;
14 14
15 -lazyLoad(); 15 +lazyLoad({
  16 + try_again_css: 'order-failure'
  17 +});
16 18
17 //订单删除 19 //订单删除
18 optHammer = new Hammer(document.getElementsByClassName('opt')[0]); 20 optHammer = new Hammer(document.getElementsByClassName('opt')[0]);
@@ -58,13 +58,17 @@ function getOrders(option) { @@ -58,13 +58,17 @@ function getOrders(option) {
58 58
59 if (opt.page === 1) { 59 if (opt.page === 1) {
60 $curContainer.html(data); 60 $curContainer.html(data);
61 - lazyLoad($curContainer.find('.lazy')); 61 + lazyLoad($curContainer.find('.lazy'), {
  62 + try_again_css: 'order-failure'
  63 + });
62 } else { 64 } else {
63 num = $curContainer.children('.order').length; 65 num = $curContainer.children('.order').length;
64 $curContainer.append(data); 66 $curContainer.append(data);
65 67
66 //lazyload 68 //lazyload
67 - lazyLoad($curContainer.children('.order:gt(' + (num - 1) + ')').find('.lazy')); 69 + lazyLoad($curContainer.children('.order:gt(' + (num - 1) + ')').find('.lazy'), {
  70 + try_again_css: 'order-failure'
  71 + });
68 } 72 }
69 73
70 window.rePosFooter(); //重新计算底部位置 74 window.rePosFooter(); //重新计算底部位置
@@ -78,7 +82,9 @@ function getOrders(option) { @@ -78,7 +82,9 @@ function getOrders(option) {
78 }); 82 });
79 } 83 }
80 84
81 -lazyLoad(); 85 +lazyLoad({
  86 + try_again_css: 'order-failure'
  87 +});
82 88
83 //初始化导航 89 //初始化导航
84 (function() { 90 (function() {
@@ -21,7 +21,7 @@ @@ -21,7 +21,7 @@
21 "yoho.iswiper": "3.0.1", 21 "yoho.iswiper": "3.0.1",
22 "iscroll": "5.1.2", 22 "iscroll": "5.1.2",
23 "import-style": "1.0.0", 23 "import-style": "1.0.0",
24 - "yoho.lazyload": "1.1.2", 24 + "yoho.lazyload": "1.1.3",
25 "yoho.handlebars": "3.0.3", 25 "yoho.handlebars": "3.0.3",
26 "yoho.hammer": "2.0.4" 26 "yoho.hammer": "2.0.4"
27 }, 27 },
  1 +.order-failure {
  2 + background-image: image-url('lazy-failure/order-good.jpg');
  3 + background-size: 100%;
  4 +}
@@ -143,6 +143,7 @@ a { @@ -143,6 +143,7 @@ a {
143 @import "layout/footer"; 143 @import "layout/footer";
144 @import "layout/footer_tab"; 144 @import "layout/footer_tab";
145 @import "good"; 145 @import "good";
  146 +@import "lazy-failure";
146 @import "filter"; 147 @import "filter";
147 @import "loading"; 148 @import "loading";
148 @import "passport/index"; 149 @import "passport/index";