deal with lazyload failure
Showing
6 changed files
with
18 additions
and
5 deletions
static/img/lazy-failure/order-good.jpg
0 → 100644
2.37 KB
@@ -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 | }, |
static/sass/_lazy-failure.scss
0 → 100644
@@ -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"; |
-
Please register or login to post a comment