Authored by 郭成尧

shop-footer-click

1 <div class="shop-foot-wrapper"> 1 <div class="shop-foot-wrapper">
2 <ul{{#if brandList}} class="foot-list-3"{{/if}}> 2 <ul{{#if brandList}} class="foot-list-3"{{/if}}>
3 - <li data-bp-id="shop_footnav_one_1" class="buriedpoint good-category"> 3 + <li data-bp-id="shop_footnav_one_1" class="buriedpoint">
4 {{#if shopCategory.url}} 4 {{#if shopCategory.url}}
5 <a href="{{shopCategory.url}}">商品分类</a> 5 <a href="{{shopCategory.url}}">商品分类</a>
6 {{^}} 6 {{^}}
7 - 商品分类 7 + <span id="shop-category">商品分类</span>
8 <div class="sub-group hide"> 8 <div class="sub-group hide">
9 <dl> 9 <dl>
10 {{# shopCategory.list}} 10 {{# shopCategory.list}}
@@ -462,8 +462,6 @@ function scrollHandler() { @@ -462,8 +462,6 @@ function scrollHandler() {
462 }); 462 });
463 } 463 }
464 } 464 }
465 -  
466 - $('#scroller').trigger('scroll');  
467 } 465 }
468 466
469 document.addEventListener('touchmove', function(e) { 467 document.addEventListener('touchmove', function(e) {
@@ -480,7 +478,7 @@ document.addEventListener('touchmove', function(e) { @@ -480,7 +478,7 @@ document.addEventListener('touchmove', function(e) {
480 478
481 // window ready 后重新refresh iscroll 479 // window ready 后重新refresh iscroll
482 $(window).ready(function() { 480 $(window).ready(function() {
483 - // myScroll && myScroll.refresh(); 481 + myScroll && myScroll.refresh();
484 imgH = $('#nav-top').outerHeight(); 482 imgH = $('#nav-top').outerHeight();
485 nav1H = $('#nav').outerHeight(); 483 nav1H = $('#nav').outerHeight();
486 main1H = $('#nav-main').height(); 484 main1H = $('#nav-main').height();
@@ -517,7 +515,7 @@ $(window).ready(function() { @@ -517,7 +515,7 @@ $(window).ready(function() {
517 515
518 multiSwiper && multiSwiper.startAutoplay(); 516 multiSwiper && multiSwiper.startAutoplay();
519 517
520 - // $('#scroller').trigger('scroll'); 518 + $('#scroller').trigger('scroll');
521 scrollHandler.bind(this)(); 519 scrollHandler.bind(this)();
522 }); 520 });
523 lazyLoad($('img.lazy')); 521 lazyLoad($('img.lazy'));
@@ -893,29 +891,39 @@ $nav2.on('touchstart', 'li', function(e) { @@ -893,29 +891,39 @@ $nav2.on('touchstart', 'li', function(e) {
893 }); 891 });
894 892
895 // 底部导航点击 893 // 底部导航点击
896 -function fotterClick(group) {  
897 - $(group + ' li').on('touchstart', function() {  
898 - $('.sub-group').addClass('hide');  
899 - $(this).find('.sub-group').removeClass('hide');  
900 - });  
901 -} 894 +// function fotterClick(group) {
  895 +// $(group + ' li').on('touchstart', function() {
  896 +// $('.sub-group').addClass('hide');
  897 +// $(this).find('.sub-group').removeClass('hide');
  898 +// });
  899 +// }
  900 +//
  901 +// fotterClick('.shop-foot-wrapper');
  902 +//
  903 +// function stopPropagation(e) {
  904 +// if (e.stopPropagation) {
  905 +// e.stopPropagation();
  906 +// } else {
  907 +// e.cancelBubble = true;
  908 +// }
  909 +// }
  910 +//
  911 +// $(document).bind('touchstart', function() {
  912 +// $('.sub-group').addClass('hide');
  913 +// });
  914 +//
  915 +// $('#shop-category').bind('touchstart', function(e) {
  916 +// // stopPropagation(e);
  917 +// });
902 918
903 -fotterClick('.shop-foot-wrapper'); 919 +$('#shop-category').click(function () {
  920 + let subGroup = $('.sub-group');
904 921
905 -function stopPropagation(e) {  
906 - if (e.stopPropagation) {  
907 - e.stopPropagation(); 922 + if (subGroup.hasClass('hide')) {
  923 + $('.sub-group').removeClass('hide');
908 } else { 924 } else {
909 - e.cancelBubble = true; 925 + $('.sub-group').addClass('hide');
910 } 926 }
911 -}  
912 -  
913 -$(document).bind('touchstart', function() {  
914 - $('.sub-group').addClass('hide');  
915 -});  
916 -  
917 -$('.shop-foot-wrapper').bind('touchstart', function(e) {  
918 - stopPropagation(e);  
919 }); 927 });
920 928
921 // 店铺收藏 || 取消收藏 929 // 店铺收藏 || 取消收藏