Authored by yyq

detail js

@@ -33,7 +33,7 @@ var thumbsLoaded = {}; @@ -33,7 +33,7 @@ var thumbsLoaded = {};
33 var $main = $('.main'), 33 var $main = $('.main'),
34 id = $main.data('id'); 34 id = $main.data('id');
35 35
36 -var maxStock = -1; //记录当前选中的颜色-尺码的库存量,若为-1,代表未选择尺码 36 +var maxStock = -1; // 记录当前选中的颜色-尺码的库存量,若为-1,代表未选择尺码
37 37
38 var SLIDETIME = 200; 38 var SLIDETIME = 200;
39 39
@@ -61,14 +61,14 @@ function getNum() { @@ -61,14 +61,14 @@ function getNum() {
61 return +$num.text(); 61 return +$num.text();
62 } 62 }
63 63
64 -//重置Num显示为1 64 +// 重置Num显示为1
65 function resetNum() { 65 function resetNum() {
66 $num.text('1'); 66 $num.text('1');
67 67
68 - //+-按钮状态重置 68 + // +-按钮状态重置
69 if (maxStock === 1 || maxStock === 0) { 69 if (maxStock === 1 || maxStock === 0) {
70 70
71 - //数目为1/0时 71 + // 数目为1/0时
72 $plusNum.addClass('dis'); 72 $plusNum.addClass('dis');
73 $minusNum.addClass('dis'); 73 $minusNum.addClass('dis');
74 } else { 74 } else {
@@ -77,32 +77,32 @@ function resetNum() { @@ -77,32 +77,32 @@ function resetNum() {
77 } 77 }
78 } 78 }
79 79
80 -//加入购物车和已售罄状态控制 80 +// 加入购物车和已售罄状态控制
81 function switchBtnStatus($color) { 81 function switchBtnStatus($color) {
82 if ($itemBuy.length === 0) { 82 if ($itemBuy.length === 0) {
83 83
84 - //全部售罄,按钮状态不变 84 + // 全部售罄,按钮状态不变
85 return; 85 return;
86 } 86 }
87 87
88 - //选中的商品存量为0或者某个颜色的total为0 88 + // 选中的商品存量为0或者某个颜色的total为0
89 if (maxStock === 0 || ($color && ~~$color.data('total') === 0)) { 89 if (maxStock === 0 || ($color && ~~$color.data('total') === 0)) {
90 - $itemBuy.addClass('hide'); //隐藏加入购物车、即将开始、立即购买等相同位置的按钮 90 + $itemBuy.addClass('hide'); // 隐藏加入购物车、即将开始、立即购买等相同位置的按钮
91 $soldOut.removeClass('hide'); 91 $soldOut.removeClass('hide');
92 } else { 92 } else {
93 93
94 - //包括默认的-1情况下 94 + // 包括默认的-1情况下
95 $itemBuy.removeClass('hide'); 95 $itemBuy.removeClass('hide');
96 $soldOut.addClass('hide'); 96 $soldOut.addClass('hide');
97 } 97 }
98 } 98 }
99 99
100 -//size warn 100 +// size warn
101 function showSizeWarn() { 101 function showSizeWarn() {
102 $sizes.not('.hide').children('.size-warn').removeClass('hide'); 102 $sizes.not('.hide').children('.size-warn').removeClass('hide');
103 } 103 }
104 104
105 -//size title 105 +// size title
106 (function() { 106 (function() {
107 var $sizeTitleJson = $('#size-title-json'), 107 var $sizeTitleJson = $('#size-title-json'),
108 jsonHtml = $sizeTitleJson.html(), 108 jsonHtml = $sizeTitleJson.html(),
@@ -114,7 +114,7 @@ function showSizeWarn() { @@ -114,7 +114,7 @@ function showSizeWarn() {
114 114
115 sizeTitle = $.parseJSON(jsonHtml); 115 sizeTitle = $.parseJSON(jsonHtml);
116 116
117 - //数据获取后删除 117 + // 数据获取后删除
118 $sizeTitleJson.remove(); 118 $sizeTitleJson.remove();
119 119
120 $sizes.children('li').each(function() { 120 $sizes.children('li').each(function() {
@@ -125,10 +125,10 @@ function showSizeWarn() { @@ -125,10 +125,10 @@ function showSizeWarn() {
125 }); 125 });
126 }()); 126 }());
127 127
128 -//初始化thumbsLoaded 128 +// 初始化thumbsLoaded
129 thumbsLoaded[$('.colors .focus').index()] = true; 129 thumbsLoaded[$('.colors .focus').index()] = true;
130 130
131 -//品牌收藏 131 +// 品牌收藏
132 $('#brand-favour').click(function() { 132 $('#brand-favour').click(function() {
133 var $this = $(this); 133 var $this = $(this);
134 134
@@ -147,38 +147,38 @@ $('#brand-favour').click(function() { @@ -147,38 +147,38 @@ $('#brand-favour').click(function() {
147 }); 147 });
148 }); 148 });
149 149
150 -//颜色 150 +// 颜色
151 $('.colors').on('click', 'li', function() { 151 $('.colors').on('click', 'li', function() {
152 var $this = $(this), 152 var $this = $(this),
153 index = $this.index(); 153 index = $this.index();
154 154
155 var $imgs; 155 var $imgs;
156 156
157 - //初始化color-size显示或隐藏 157 + // 初始化color-size显示或隐藏
158 $colorSizeTip.addClass('hide'); 158 $colorSizeTip.addClass('hide');
159 159
160 - //隐藏尺码提示 160 + // 隐藏尺码提示
161 $sizeWarn.addClass('hide'); 161 $sizeWarn.addClass('hide');
162 162
163 maxStock = -1; 163 maxStock = -1;
164 164
165 if ($this.hasClass('focus')) { 165 if ($this.hasClass('focus')) {
166 166
167 - //已获取焦点的颜色再次点击,清除尺码的选中 167 + // 已获取焦点的颜色再次点击,清除尺码的选中
168 $sizes.eq(index).children('li').removeClass('focus'); 168 $sizes.eq(index).children('li').removeClass('focus');
169 } else { 169 } else {
170 170
171 - //未获取焦点,选择尺码 171 + // 未获取焦点,选择尺码
172 $this.siblings('.focus').removeClass('focus'); 172 $this.siblings('.focus').removeClass('focus');
173 $this.addClass('focus'); 173 $this.addClass('focus');
174 174
175 - //切换图片显示 175 + // 切换图片显示
176 $thumbs.not('.hide').addClass('hide'); 176 $thumbs.not('.hide').addClass('hide');
177 $imgs = $thumbs.eq(index).removeClass('hide').find('img'); 177 $imgs = $thumbs.eq(index).removeClass('hide').find('img');
178 178
179 if (typeof thumbsLoaded[index] === 'undefined') { 179 if (typeof thumbsLoaded[index] === 'undefined') {
180 180
181 - //trigger layLoad 181 + // trigger layLoad
182 lazyLoad($imgs, { 182 lazyLoad($imgs, {
183 event: 'sporty' 183 event: 'sporty'
184 }); 184 });
@@ -190,10 +190,10 @@ $('.colors').on('click', 'li', function() { @@ -190,10 +190,10 @@ $('.colors').on('click', 'li', function() {
190 190
191 imgShow($imgs.first().data('shower')); 191 imgShow($imgs.first().data('shower'));
192 192
193 - //切换详细信息的颜色显示 193 + // 切换详细信息的颜色显示
194 $descColor.text($this.data('color')); 194 $descColor.text($this.data('color'));
195 195
196 - //切换尺码显示 196 + // 切换尺码显示
197 $sizes.not('.hide').addClass('hide').children('li').removeClass('focus'); 197 $sizes.not('.hide').addClass('hide').children('li').removeClass('focus');
198 $sizes.eq(index).removeClass('hide'); 198 $sizes.eq(index).removeClass('hide');
199 } 199 }
@@ -202,12 +202,12 @@ $('.colors').on('click', 'li', function() { @@ -202,12 +202,12 @@ $('.colors').on('click', 'li', function() {
202 switchBtnStatus($this); 202 switchBtnStatus($this);
203 }); 203 });
204 204
205 -//缩略图鼠标移入显示 205 +// 缩略图鼠标移入显示
206 $('#thumbs').on('mouseenter', '.thumb', function() { 206 $('#thumbs').on('mouseenter', '.thumb', function() {
207 imgShow($(this).data('shower')); 207 imgShow($(this).data('shower'));
208 }); 208 });
209 209
210 -//尺码 210 +// 尺码
211 $size.on('click', 'li', function() { 211 $size.on('click', 'li', function() {
212 var $this = $(this); 212 var $this = $(this);
213 213
@@ -229,14 +229,14 @@ $size.on('click', 'li', function() { @@ -229,14 +229,14 @@ $size.on('click', 'li', function() {
229 resetNum(); 229 resetNum();
230 }).on('click', '.size-ruler', function() { 230 }).on('click', '.size-ruler', function() {
231 231
232 - //尺码帮助 232 + // 尺码帮助
233 233
234 $('body,html').animate({ 234 $('body,html').animate({
235 scrollTop: $('.size-info').offset().top 235 scrollTop: $('.size-info').offset().top
236 }, 300); 236 }, 300);
237 }); 237 });
238 238
239 -//数量 239 +// 数量
240 $plusNum.click(function() { 240 $plusNum.click(function() {
241 var num = getNum(); 241 var num = getNum();
242 242
@@ -245,22 +245,22 @@ $plusNum.click(function() { @@ -245,22 +245,22 @@ $plusNum.click(function() {
245 } 245 }
246 246
247 if (maxStock === -1) { 247 if (maxStock === -1) {
248 - showSizeWarn();//显示选择尺码提示 248 + showSizeWarn();// 显示选择尺码提示
249 return; 249 return;
250 } 250 }
251 251
252 - //已售罄 252 + // 已售罄
253 if (maxStock === 0) { 253 if (maxStock === 0) {
254 return; 254 return;
255 } 255 }
256 256
257 if (num === maxStock - 1) { 257 if (num === maxStock - 1) {
258 258
259 - //+按钮不可点 259 + // +按钮不可点
260 $(this).addClass('dis'); 260 $(this).addClass('dis');
261 } 261 }
262 262
263 - //数目为1时点+则移除-不可点状态 263 + // 数目为1时点+则移除-不可点状态
264 if (num === 1) { 264 if (num === 1) {
265 $minusNum.removeClass('dis'); 265 $minusNum.removeClass('dis');
266 } 266 }
@@ -283,7 +283,7 @@ $minusNum.click(function() { @@ -283,7 +283,7 @@ $minusNum.click(function() {
283 283
284 if (num === maxStock) { 284 if (num === maxStock) {
285 285
286 - //恢复+可点 286 + // 恢复+可点
287 $plusNum.removeClass('dis'); 287 $plusNum.removeClass('dis');
288 } 288 }
289 289
@@ -292,14 +292,14 @@ $minusNum.click(function() { @@ -292,14 +292,14 @@ $minusNum.click(function() {
292 return false; 292 return false;
293 }); 293 });
294 294
295 -//限购码 295 +// 限购码
296 $('.get-lc:not(.dis)').hover(function() { 296 $('.get-lc:not(.dis)').hover(function() {
297 $lcContainer.removeClass('hide'); 297 $lcContainer.removeClass('hide');
298 }, function() { 298 }, function() {
299 $lcContainer.addClass('hide'); 299 $lcContainer.addClass('hide');
300 }); 300 });
301 301
302 -//加入购物车 302 +// 加入购物车
303 $addToCart.click(function() { 303 $addToCart.click(function() {
304 if (maxStock === -1) { 304 if (maxStock === -1) {
305 showSizeWarn(); 305 showSizeWarn();
@@ -320,12 +320,12 @@ $addToCart.click(function() { @@ -320,12 +320,12 @@ $addToCart.click(function() {
320 $('#type-chose').slideUp(SLIDETIME); 320 $('#type-chose').slideUp(SLIDETIME);
321 $('#balance').slideDown(SLIDETIME); 321 $('#balance').slideDown(SLIDETIME);
322 322
323 - $('#cart-num').text(data.data.goods_count); //更新数目 323 + $('#cart-num').text(data.data.goods_count); // 更新数目
324 } 324 }
325 }); 325 });
326 }); 326 });
327 327
328 -//收藏 328 +// 收藏
329 $('#collect-product').click(function() { 329 $('#collect-product').click(function() {
330 var $this = $(this), 330 var $this = $(this),
331 cancel; 331 cancel;
@@ -371,13 +371,13 @@ $('#collect-product').click(function() { @@ -371,13 +371,13 @@ $('#collect-product').click(function() {
371 } 371 }
372 }); 372 });
373 373
374 -//继续购物 374 +// 继续购物
375 $('#keep-shopping').click(function() { 375 $('#keep-shopping').click(function() {
376 $('#type-chose').slideDown(SLIDETIME); 376 $('#type-chose').slideDown(SLIDETIME);
377 $('#balance').slideUp(SLIDETIME); 377 $('#balance').slideUp(SLIDETIME);
378 }); 378 });
379 379
380 -//立即购买 380 +// 立即购买
381 $('#buy-now').click(function() { 381 $('#buy-now').click(function() {
382 var sku, 382 var sku,
383 base, 383 base,
@@ -394,7 +394,7 @@ $('#buy-now').click(function() { @@ -394,7 +394,7 @@ $('#buy-now').click(function() {
394 394
395 base = $(this).data('base'); 395 base = $(this).data('base');
396 396
397 - //潮流尖货 397 + // 潮流尖货
398 if (!base) { 398 if (!base) {
399 myAlert = new Alert('打开APP可抢购该商品哦~~'); 399 myAlert = new Alert('打开APP可抢购该商品哦~~');
400 myAlert.show(); 400 myAlert.show();
@@ -408,7 +408,7 @@ $('#buy-now').click(function() { @@ -408,7 +408,7 @@ $('#buy-now').click(function() {
408 } 408 }
409 }); 409 });
410 410
411 -//按钮鼠标移入效果【dis状态的按钮状态不变】 411 +// 按钮鼠标移入效果【dis状态的按钮状态不变】
412 $('.buy-btn').mouseover(function() { 412 $('.buy-btn').mouseover(function() {
413 if ($(this).hasClass('dis')) { 413 if ($(this).hasClass('dis')) {
414 return; 414 return;
@@ -419,7 +419,7 @@ $('.buy-btn').mouseover(function() { @@ -419,7 +419,7 @@ $('.buy-btn').mouseover(function() {
419 $(this).removeClass('hover'); 419 $(this).removeClass('hover');
420 }); 420 });
421 421
422 -//商品详情/材质洗涤切换 422 +// 商品详情/材质洗涤切换
423 $('.description-material').on('click', '.title', function() { 423 $('.description-material').on('click', '.title', function() {
424 var $this = $(this), 424 var $this = $(this),
425 index = $this.index(); 425 index = $this.index();
@@ -436,7 +436,7 @@ $('.description-material').on('click', '.title', function() { @@ -436,7 +436,7 @@ $('.description-material').on('click', '.title', function() {
436 436
437 if (index === 0) { 437 if (index === 0) {
438 438
439 - //商品信息 439 + // 商品信息
440 $description.slideDown(SLIDETIME); 440 $description.slideDown(SLIDETIME);
441 $material.slideUp(SLIDETIME); 441 $material.slideUp(SLIDETIME);
442 } else { 442 } else {
@@ -445,7 +445,7 @@ $('.description-material').on('click', '.title', function() { @@ -445,7 +445,7 @@ $('.description-material').on('click', '.title', function() {
445 } 445 }
446 }); 446 });
447 447
448 -//售后服务 448 +// 售后服务
449 $('.after-service-switch').click(function() { 449 $('.after-service-switch').click(function() {
450 var $this = $(this), 450 var $this = $(this),
451 $content = $this.next('.after-service-content'); 451 $content = $this.next('.after-service-content');
@@ -467,7 +467,7 @@ $('.after-service-switch').click(function() { @@ -467,7 +467,7 @@ $('.after-service-switch').click(function() {
467 }); 467 });
468 468
469 469
470 -//商品详情区的热点 470 +// 商品详情区的热点
471 $.ajax({ 471 $.ajax({
472 type: 'GET', 472 type: 'GET',
473 url: '/product/item/hotarea', 473 url: '/product/item/hotarea',
@@ -477,12 +477,12 @@ $.ajax({ @@ -477,12 +477,12 @@ $.ajax({
477 }).then(function(html) { 477 }).then(function(html) {
478 $('#details-html').prepend(html); 478 $('#details-html').prepend(html);
479 479
480 - //修正热区尺寸使居中 480 + // 修正热区尺寸使居中
481 $('.hot-point-wrap > img').load(function() { 481 $('.hot-point-wrap > img').load(function() {
482 $(this).parent('.hot-point-wrap').width($(this).width()); 482 $(this).parent('.hot-point-wrap').width($(this).width());
483 }); 483 });
484 484
485 - //Bind Hover event 485 + // Bind Hover event
486 $('.hot-point').hover(function() { 486 $('.hot-point').hover(function() {
487 $(this).addClass('hover'); 487 $(this).addClass('hover');
488 }, function() { 488 }, function() {
@@ -490,10 +490,10 @@ $.ajax({ @@ -490,10 +490,10 @@ $.ajax({
490 }); 490 });
491 }); 491 });
492 492
493 -//商品详情懒加载 493 +// 商品详情懒加载
494 lazyLoad($('#details-html img')); 494 lazyLoad($('#details-html img'));
495 495
496 -//只有一个尺码(多个或一个颜色)时默认选中第一个未售罄的颜色的第一个尺码 496 +// 只有一个尺码(多个或一个颜色)时默认选中第一个未售罄的颜色的第一个尺码
497 (function() { 497 (function() {
498 var hasOnlyOneSize = true, 498 var hasOnlyOneSize = true,
499 i; 499 i;
@@ -510,7 +510,7 @@ lazyLoad($('#details-html img')); @@ -510,7 +510,7 @@ lazyLoad($('#details-html img'));
510 } 510 }
511 }()); 511 }());
512 512
513 -//咨询和评价 513 +// 咨询和评价
514 (function() { 514 (function() {
515 var commentPage = 1, 515 var commentPage = 1,
516 consultPage = 1; 516 consultPage = 1;
@@ -527,7 +527,7 @@ lazyLoad($('#details-html img')); @@ -527,7 +527,7 @@ lazyLoad($('#details-html img'));
527 var loadingComments, 527 var loadingComments,
528 loadingConsults; 528 loadingConsults;
529 529
530 - //购买评价 530 + // 购买评价
531 function loadComments() { 531 function loadComments() {
532 if (loadingComments) { 532 if (loadingComments) {
533 return; 533 return;
@@ -552,7 +552,7 @@ lazyLoad($('#details-html img')); @@ -552,7 +552,7 @@ lazyLoad($('#details-html img'));
552 return; 552 return;
553 } 553 }
554 554
555 - //更新总数显示 555 + // 更新总数显示
556 $commentNum.text(res[0].total); 556 $commentNum.text(res[0].total);
557 557
558 $commentsUl.append(commentsTpl({ 558 $commentsUl.append(commentsTpl({
@@ -565,7 +565,7 @@ lazyLoad($('#details-html img')); @@ -565,7 +565,7 @@ lazyLoad($('#details-html img'));
565 }); 565 });
566 } 566 }
567 567
568 - //顾客咨询 568 + // 顾客咨询
569 function loadConsults() { 569 function loadConsults() {
570 if (loadingConsults) { 570 if (loadingConsults) {
571 return; 571 return;
@@ -591,7 +591,7 @@ lazyLoad($('#details-html img')); @@ -591,7 +591,7 @@ lazyLoad($('#details-html img'));
591 return; 591 return;
592 } 592 }
593 593
594 - //更新总数显示 594 + // 更新总数显示
595 $consultNum.text(res[0].total); 595 $consultNum.text(res[0].total);
596 596
597 $consultsUl.append(consultsTpl({ 597 $consultsUl.append(consultsTpl({
@@ -604,7 +604,7 @@ lazyLoad($('#details-html img')); @@ -604,7 +604,7 @@ lazyLoad($('#details-html img'));
604 }); 604 });
605 } 605 }
606 606
607 - //评价和咨询切换 607 + // 评价和咨询切换
608 $('.consult-comment').on('click', '.title', function() { 608 $('.consult-comment').on('click', '.title', function() {
609 var $this = $(this), 609 var $this = $(this),
610 index = $this.index(); 610 index = $this.index();
@@ -621,7 +621,7 @@ lazyLoad($('#details-html img')); @@ -621,7 +621,7 @@ lazyLoad($('#details-html img'));
621 621
622 if (index === 0) { 622 if (index === 0) {
623 623
624 - //咨询 624 + // 咨询
625 $consults.slideDown(SLIDETIME); 625 $consults.slideDown(SLIDETIME);
626 $comments.slideUp(SLIDETIME); 626 $comments.slideUp(SLIDETIME);
627 } else { 627 } else {
@@ -638,15 +638,15 @@ lazyLoad($('#details-html img')); @@ -638,15 +638,15 @@ lazyLoad($('#details-html img'));
638 } 638 }
639 }); 639 });
640 640
641 - //我要咨询 641 + // 我要咨询
642 $('#consults-btn').click(function() { 642 $('#consults-btn').click(function() {
643 643
644 - //TODO:点击我要资讯的时候更新验证码显示 644 + // TODO:点击我要资讯的时候更新验证码显示
645 $('.new-consult').removeClass('hide'); 645 $('.new-consult').removeClass('hide');
646 $('.consult-success').addClass('hide'); 646 $('.consult-success').addClass('hide');
647 }); 647 });
648 648
649 - //提交咨询 649 + // 提交咨询
650 $('#submit-consult').click(function() { 650 $('#submit-consult').click(function() {
651 var $this = $(this), 651 var $this = $(this),
652 $parent = $this.closest('.new-consult'), 652 $parent = $this.closest('.new-consult'),
@@ -686,11 +686,11 @@ lazyLoad($('#details-html img')); @@ -686,11 +686,11 @@ lazyLoad($('#details-html img'));
686 686
687 $parent.siblings('.consult-success').removeClass('hide'); 687 $parent.siblings('.consult-success').removeClass('hide');
688 688
689 - //清空输入 689 + // 清空输入
690 $textarea.val(''); 690 $textarea.val('');
691 } else if (code === 403) { 691 } else if (code === 403) {
692 692
693 - //跳转登录页 693 + // 跳转登录页
694 location.href = data.data.url; 694 location.href = data.data.url;
695 } 695 }
696 }); 696 });
@@ -698,4 +698,4 @@ lazyLoad($('#details-html img')); @@ -698,4 +698,4 @@ lazyLoad($('#details-html img'));
698 698
699 loadComments(); 699 loadComments();
700 loadConsults(); 700 loadConsults();
701 -}());  
  701 +}());