Merge branch 'feature/web/search' into develop

@@ -179,7 +179,7 @@
         </div>
     {{/if}}
 
-    <div class="size section {{#unless size}}hide{{/unless}}">
+    <div class="size section {{#unless size}}hide{{/unless}}" {{#if size}}data-load="true"{{/if}}>
         <span class="title">尺码：</span>
 
         <div class="attr-content clearfix">

@@ -111,26 +111,28 @@ $('.sort-pre').on('click', 'li', function() {
     $sortSub.children(':not(.hide)').addClass('hide');
     $sortSub.children(':eq(' + index + ')').removeClass('hide');
 
-    if (sizeCache[id]) {
-        $sizeWrap.find('.attr-content').html(sizeCache[id]);
-        $sizeWrap.removeClass('hide');
-    } else {
-        $.ajax({
-            url: '/product/search/sortSize',
-            data: {
-                msort: id
-            }
-        }).then(function(res) {
-            if ($.type(res) === 'array' && res.length) {
-                sizeCache[id] = sizeTmpl({
-                    size: res
-                });
-                $sizeWrap.find('.attr-content').html(sizeCache[id]);
-                $sizeWrap.removeClass('hide');
-            } else {
-                $sizeWrap.addClass('hide');
-            }
-        });
+    if (!$sizeWrap.data('load')) {
+        if (sizeCache[id]) {
+            $sizeWrap.find('.attr-content').html(sizeCache[id]);
+            $sizeWrap.removeClass('hide');
+        } else {
+            $.ajax({
+                url: '/product/search/sortSize',
+                data: {
+                    msort: id
+                }
+            }).then(function(res) {
+                if ($.type(res) === 'array' && res.length) {
+                    sizeCache[id] = sizeTmpl({
+                        size: res
+                    });
+                    $sizeWrap.find('.attr-content').html(sizeCache[id]);
+                    $sizeWrap.removeClass('hide');
+                } else {
+                    $sizeWrap.addClass('hide');
+                }
+            });
+        }
     }
 });
 

@@ -14,7 +14,8 @@ var $goodsContainer = $('.goods-container'),
     $goodInfoMain = $goodsContainer.find('.good-info-main'),
     $goodSelectColor = $goodsContainer.find('.good-select-color'),
     $productListNav = $('.product-list-nav'),
-    productList;
+    productList,
+    getProductAjax;
 
 lazyLoad($('img.lazy'));
 
@@ -95,7 +96,12 @@ exports.init = function(num) {
             wrapperPt, //鼠标移入时弹层的上内边距
             containerPt; //商品列表容器的上内边距
 
-        $.ajax({
+        // 获取图片之前，先把获取上一张图片的ajax请求取消。  网络差的时候会出现错误
+        if (getProductAjax) {
+            getProductAjax.abort();
+        }
+
+        getProductAjax = $.ajax({
             type: 'POST',
             url: '/product/list/getProductPic',
             dataType: 'json',