$(function(){ /*後端*/ // $(".top_hot_keyword").click(function(){ // $.post('/ajax/ajax_hot_search-p.php', {ID: $(this).attr('did'), flag: 1 }, function(h){ // //alert(h); // }, 'html'); // }); // $('.open-search').on('click',function(){ // // $('.search').addClass('show'); // $('.search').show(); // $('.search input').focus(); // }); $('.search .close').on('click',function(){ // $('.search').removeClass('show'); $('.search').removeClass('open'); }); $('#keywords') .on('focus',function(e){ $('.search').addClass('in-focus'); }) .on('blur', function(e) { $('.search').removeClass('in-focus'); }); $(".menu_class_a, .menu_sub_a").mouseover(function(){ var pic = $(this).attr('pic'); var url = $(this).attr('url'); var href = (url)? url: 'javascript:;'; var h = (pic)? '': ''; $(this).parents('.item-subitembox').find('.picbox').html(h); }); $(".menu_sub_a").mouseout(function(){ var pic = $(this).parents('.nav-item').find('.menu_class_a').attr('pic'); var url = $(this).parents('.nav-item').find('.menu_class_a').attr('url'); var href = (url)? url: 'javascript:;'; var h = (pic)? '': ''; $(this).parents('.nav-item').find('.item-subitembox').children('.picbox').html(h); }); // //天邊=搜尋 $('.search-icon,.searchbox .show-1024').on('click',function(){ $('.search').toggleClass('open'); $('.search input').focus(); }); // $(".marquee").marquee(); $('.marquee').owlCarousel({ loop : true, // items : 5, responsive:{ 0:{ items : 1 }, 1023:{ items : 1 } }, // animateOut:'opacityOut', // animateIn:'opacityIn', autoplay:true, autoplayTimeout:3000, autoplayHoverPause : true, nav :true, navText : ['',''], dots: false, }); $(".Select_This_Country").on("click","li,label, button",function(){ $.post('/ajax/ajax_change_country.php', {ID: $(this).attr('sid')}, function(h){ if (typeof updatePage == "function"){ updatePage(); return false; } if(h){ //$("#This_Country_Pic").attr("src","/upload_files/fonlego-rwd/website/"+h); window.location.reload(); } }, 'html'); }); var _window = $(window); var _body = $('body'); var change_1023 = 0; var nav_item =$('#menu-nav .nav-item'); var scroll_switch=true; var body_padding = 121; var body_padding_s = 40; var userAgent = navigator.userAgent; /* 網頁loading */ // _window.on('load',function(){ // $(".loading").hide(); // }); /* 回頁首 */ $('.gotop').on('click',function(){ $("html,body").animate({scrollTop: 0},800); }); //上方廣告 var button =0; $('.top_adbox_button').on('click',function(){ if(_window.width() <= 1024){ $(".top_adbox").remove(); if(button == 1)button--; } else{ if(button==0){ $(".top_adbox").css('height', 'auto'); $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times'); $('.top_adbox .inner').stop().animate({'max-height': 800},1000,function(){ button++; }); }else{ $('.top_adbox .fa').removeClass('fa-times').addClass('fa-plus'); $('.top_adbox .inner').stop().animate({'max-height': 0},1000,function(){ button--; }); } } }); var change = 0; /* 手機平板 */ if(_window.width() <= 1024){ //上方廣告 if($('.top_adbox').attr('tag-status') == '1'){ $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times'); $(".top_adbox").show(); }; //天邊會員登入 var member_click_n=0; $('.shopbox span.fa-user').on('click',function(){ if(member_click_n==0){ member_click_n=1; $('.userbox').addClass('open'); }else{ member_click_n=0; $('.userbox').removeClass('open'); } }); var language_click_n=0; $('.language_t').on('click','.wrapper ',function(){ if(language_click_n==0){ language_click_n=1; $('.language_t').addClass('open'); }else{ language_click_n=0; $('.language_t').removeClass('open'); } }); //天邊會員登入 var language_click_n=0; $('#language').on('click','.wrapper ',function(){ if(language_click_n==0){ language_click_n=1; $('#language').addClass('open'); }else{ language_click_n=0; $('#language').removeClass('open'); } }); //搜尋 var search_dom=$("#Top_Search"), search_n=0; search_dom.on('click', '.fa-search', function(event) { if(search_n==0){ search_n=1; search_dom.addClass('open'); }else{ search_n=0; search_dom.removeClass('open'); } }); //menu開合 $('#menu-nav .hover').removeClass('hover'); if(/Windows/i.test(userAgent)){ $('#menu-nav').on('click','.item-title',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".nav-item").addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".menu-item").addClass('open-sub'); } }); }else{ $('#menu-nav').on('click','.item-title',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".nav-item").addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".menu-item").addClass('open-sub'); } }); } }else{ //上方廣告 if($('.top_adbox').attr('tag-status') == '1'){ $(".top_adbox").show(); $(".top_adbox_button").trigger('click'); }; } /* 手機 */ if(_window.width() <= 480 && change_1023 != 480){ change_1023 = 480; body_padding = 50; /* 平板 */ }else if(_window.width() > 480 && _window.width() <= 1024 && change_1023 != 1024){ change_1023 = 1024; body_padding = 75; body_padding_s = 50; nav_item.find('.subitem').attr('type','checkbox'); /* 電腦 */ }else if(_window.width() > 1024 && change_1023 != 1200){ change_1023 = 1200; body_padding = 121; body_padding_s = 40; $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); $('.menu-002').on('mouseenter','.subtitle',function(){ // console.log($('menu-item .hover')); $('.menu-002').find('.hover').removeClass('hover'); $(this).parents('.menu-item').addClass('hover'); }).on('mouseleave',function(){ $('.menu-002').find('.hover').removeClass('hover'); $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); }); //天邊會員登入hover下拉 $('.shopbox span.fa-user').on('mouseenter',function(){ $('.userbox').addClass('open'); }); //天邊購物車hover下拉 $('.shopbox').on('mouseenter',function(){ $("#Header_Shopcart").load('/ajax/ajax_get_cart.php',''); $('.shopping-cartbox').addClass('open'); }); $('.shopbox').on('mouseleave',function(){ var _this_user=$(this).find('.userbox'), _this_shop=$(this).find('.shopping-cartbox'); if(_this_user.length==1){ $('.userbox').removeClass('open'); }else if(_this_shop.length==1){ $('.shopping-cartbox').removeClass('open'); } }); //hover menu-item change subitem height $('#menu-nav .nav-item').hover(function(){ var subitemboxheight = $(this).find('.menu-002 .hover .subitembox').outerHeight(); if($(this).has('hover')){ if(subitemboxheight>340){ $(this).find('.menu-002').css({'min-height':subitemboxheight+1}); } } },function(){ $('.menu-002').removeAttr('style'); }); $('#menu-nav .menu-002 .menu-item').hover(function(){ if($(this).hasClass('hover')){ var subitemboxheight = $(this).find('.subitembox').outerHeight(); if(subitemboxheight>340){ $(this).parents('.menu-002').css({'min-height':subitemboxheight+1}); } } }); } _window.on('scroll', function(event) { var scrollTop = _window.scrollTop(); if(scrollTop>0){ $(".gotop").css("opacity","1"); $("body").addClass('is-sticky'); // _body.css('padding-top',body_padding_s+'px'); }else{ $(".gotop").css("opacity","0"); $("body").removeClass('is-sticky'); // _body.css('padding-top',body_padding+'px'); } if(_window.width() <= 480){ if(scrollTop>20){ $("body").addClass('is-sticky'); // _body.css('padding-top',body_padding_s+'px'); } } }); var time_id; _window.on('resize',function(){ clearTimeout(time_id); _window = $(window); if(_window.width() <= 1024 && change_1023 ==1200){ //上方廣告 $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times'); $('.top_adbox_button').on('click',function(){ $('.top_adbox').remove(); }); $('.search').removeAttr('style'); $('.shopbox span.fa-user,.shopbox .fa-shopping-cart').off('mouseenter'); //天邊會員登入 var member_click_n=0; $('.shopbox span.fa-user').on('click',function(){ if(member_click_n==0){ member_click_n=1; $('.userbox').addClass('open'); }else{ member_click_n=0; $('.userbox,.shopping-cartbox').removeClass('open'); } }); $('.shopbox').off('mouseleave'); //off submenu-item 自動調整高度 $('#menu-nav .nav-item').off('hover'); $('#menu-nav .menu-002 .menu-item').off('hover'); $('#menu-nav .menu-item .hover').removeClass('hover'); //menu開合 // console.log(_window.width()); if(/Windows/i.test(userAgent)){ $('#menu-nav').on('click','.item-title',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".nav-item").addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".menu-item").addClass('open-sub'); } }); }else{ $('#menu-nav').on('click','.item-title',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".nav-item").addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; $('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ $(this).parent(".menu-item").addClass('open-sub'); } }); } } if(_window.width() <= 480 && change_1023 != 480){ change_1023 = 480; body_padding = 50; var scrollTop = _window.scrollTop(); // if(scrollTop>0){ // _body.css('padding-top',body_padding_s+'px'); // }else{ // _body.css('padding-top',body_padding+'px'); // } }else if(_window.width() > 480 && _window.width() <= 1024 && change_1023 != 1024){ change_1023 = 1024; body_padding = 75; body_padding_s = 50; var scrollTop = _window.scrollTop(); nav_item.find('.subitem').attr('type','checkbox'); // if(scrollTop>0){ // _body.css('padding-top',body_padding_s+'px'); // }else{ // _body.css('padding-top',body_padding+'px'); // } $('.menu-item .subtitle').off('mouseenter'); $('.menu-002').off('mouseleave'); }else if(_window.width() > 1024 && change_1023 != 1200){ change_1023 = 1200; body_padding = 121; body_padding_s = 40; var scrollTop = _window.scrollTop(); nav_item.find('.subitem').attr('type','radio'); // if(scrollTop>0){ // _body.css('padding-top',body_padding_s+'px'); // }else{ // _body.css('padding-top',body_padding+'px'); // } $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); $('.menu-item .subtitle').on('mouseenter',function(){ //console.log($('menu-item .hover')); $('.menu-item.hover').removeClass('hover'); $(this).parents('.menu-item').addClass('hover'); }); $('.menu-002').on('mouseleave',function(){ $('.menu-item.hover').removeClass('hover'); $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); }); $('.shopbox span.fa-user').off('click'); //天邊會員登入 $('.shopbox span.fa-user').on('mouseenter',function(){ $('.userbox').addClass('open'); }); //天邊購物車hover下拉 $('.shopbox').on('mouseenter',function(){ $("#Header_Shopcart").load('/ajax/ajax_get_cart.php',''); $('.shopping-cartbox').addClass('open'); }); $('.shopbox').on('mouseleave',function(){ $('.userbox,.shopping-cartbox').removeClass('open'); }); //移除menu開合事件 $('#menu-nav').off('click','.item-title').off('click','.subtitle'); //hover menu-item subitem 自動調整高度 $('#menu-nav .nav-item').hover(function(){ var subitemboxheight = $(this).find('.menu-002 .hover .subitembox').outerHeight(); if($(this).has('hover')){ if(subitemboxheight>340){ $(this).find('.menu-002').css({'min-height':subitemboxheight+1}); } } },function(){ $('.menu-002').removeAttr('style'); }); $('#menu-nav .menu-002 .menu-item').hover(function(){ if($(this).hasClass('hover')){ var subitemboxheight = $(this).find('.subitembox').outerHeight(); if(subitemboxheight>340){ $(this).parents('.menu-002').css({'min-height':subitemboxheight+1}); } } }); } }); // ========================================================== // 頁首次選單會員功能區塊 // ========================================================== let resizeStep = ''; _window.on('resize', function(e) { if($(this).width() > 1024 && resizeStep !== 'desktop') { resizeStep = 'desktop'; let target = $('.member-group'); target .removeClass('in-active') .off('click') .on('mouseenter', function(e) { target.addClass('in-active') }) .on('mouseleave', function(e) { target.removeClass('in-active') }); } else if($(this).width() <= 1024 && resizeStep !== 'mobile') { resizeStep = 'mobile'; let clickStep = 0; let target = $('.member-group'); target .removeClass('in-active') .off('mouseenter mouseleave') .on('click', '.member-toggle', function(e) { clickStep += 1; if(clickStep % 2) { target.addClass('in-active') } else { target.removeClass('in-active') } }); } }) var nav_n = false; $('.menu-bottom').on('click',function(){ if(!nav_n){ nav_n = true; $(this).addClass('close'); $('.nav-bg,.navBox-2').addClass('open-nav'); $('.footer-mobile').css('z-index','1004'); $('body').addClass('overflow-hidden'); }else{ nav_n = false; $(this).removeClass('close'); $('.nav-bg,.navBox-2').removeClass('open-nav'); $('.footer-mobile').removeAttr('style'); $('body').removeClass('overflow-hidden'); $('.nav-accordion').removeClass('active') $('.nav-panel').removeAttr('style'); $('.nav-panel > li').removeClass('open-nav') $('.navBox-2').scrollTop(0) } }); // 手機上方選單開關 $('.menu-b').on('click',function(){ if(!nav_n){ nav_n = true; $(this).addClass('close'); $('.nav-bg,.navBox').addClass('open-nav').css('z-index','1004'); $('body').addClass('overflow-hidden'); }else{ nav_n = false; $(this).removeClass('close'); $('.nav-bg,.navBox').removeClass('open-nav').removeAttr('style'); $('body').removeClass('overflow-hidden'); $('.nav-item').removeClass('open'); $('.menu-item').removeClass('open-sub'); $('.navBox').scrollTop(0) } }); $('.nav-bg').on('click',function(){ nav_n = false; $('.menu-b,.menu-bottom').removeClass('close'); $('.nav-bg,.navBox,.navBox-2').removeClass('open-nav').removeAttr('style'); $('.footer-mobile').removeAttr('style'); $('body').removeClass('overflow-hidden'); $('.nav-item').removeClass('open'); $('.menu-item').removeClass('open-sub'); $('.nav-accordion').removeClass('active'); $('.navBox').scrollTop(0) }); $('.footer_menu').on('click','.menu-item',function(){ $(this).addClass('open'); }); $('.footer_menu').on('click','.open',function(){ $(this).removeClass('open'); }); $('.footer_menu').on('click','.close',function(){ $('.nav-accordion').removeClass('active'); }); //點擊率 $(".HITS_BT").on("click",function(e){ e.preventDefault(); if( $.isNumeric($(this).attr('hid')) && $.isNumeric($(this).attr('hdid')) ){ var hid = $(this).attr('hid'); var hdid = $(this).attr('hdid'); var url = $(this).attr('href'); var target = $(this).attr('target'); $.ajax({ url:"/ajax/ajax_add_ad_hits-p.php", type:"POST", cache:false, async:false, data:{Hid: hid , Hdid : hdid}, error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ if(url){ if(target == '_blank'){ window.open(url); }else if( ( typeof target === 'undefined' ) || (target == '') ){ window.location = url; }else{ } } } }); }else{ alert(_jsLang.這是錯誤的連結); } }); //讚數加減 $(".Thumbs_BT").on("click",function(e){ e.preventDefault(); if( $.isNumeric($(this).attr('pdid')) ){ var h = $(this); var ID = h.attr('pdid'); var Type = (h.attr('tbup')==1)?'Sub':'Add'; $.ajax({ url:"/ajax/ajax_add_thumbs-p.php", type:"POST", cache:false, async:false, dataType:"json", data:{Type: Type , ID : ID}, error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ if(d.Thumbs_Up=='1'){ $('.content').find('.Thumbs'+ID).attr('tbup','1'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').removeClass('fa-thumbs-o-up'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').addClass('fa-thumbs-up'); }else{ $('.content').find('.Thumbs'+ID).attr('tbup','0'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').removeClass('fa-thumbs-up'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').addClass('fa-thumbs-o-up'); } $('.content').find('.Thumbs'+ID).find('.Thumbs_Num').html(d.Thumbs_Num); } }); }else{ alert(_jsLang.這是錯誤的連結); } }); //點擊清空輸入框 $(".CLEAR_INPUT").one("click", function(){ $(this).attr('placeholder',''); }); //語系選擇 $(".Select_This_Lang").on("click","li,label,button",function(){ $.post('/ajax/ajax_change_language.php', {Name: $(this).attr('sid')}, function(h){ window.location.reload(); /*if (typeof updatePage == "function"){ updatePage(); return false; } if(h){ window.location.reload(); }*/ }, 'html'); }); // $("#keywords").autocomplete({ // source: function( request, response ) { // $.ajax({ // url: "/ajax/ajax_get_keyword.php", // dataType: "json", // type:"POST", // data: { // search: request.term // }, // error:function(d){ // alert('網路連線過慢,網頁請重新整理'); // }, // success: function( data ) { // response( data ); // } // }); // } // }); //貨到通知改為連至門市 $(document).on('click','.informForPorter',function(){ window.location.href = '/store/'; }); // ========================================================== // 商品相關折疊區塊 // ========================================================== $('.collapse-list').on('click', '.collapse-list-toggle', function(e) { $(this).parent('.collapse-list-item').toggleClass('in-active'); }); // ========================================================== // .tag-list 按鈕滑過顏色變化 // ========================================================== $('.tag-list .tag-list-item').each(function(i) { const baseBackground = $(this).css('background-color'); const baseBorder = $(this).css('border-color'); const baseColor = $(this).css('color'); $(this).on('mouseenter', function(e) { $(this).animate({ // backgroundColor: baseBorder, // color:baseBackground opacity:.6 }, 250) }) .on('mouseleave', function(e) { console.log('moseleave') $(this).animate({ backgroundColor: baseBackground, color:baseColor, opacity:1 }, 150) }) }); if($('.reciprocal').length > 0){ set_count_down(); re_check_now_count(); } _window.trigger('resize') }); function errorbox(title,content,button){ var html=''; $('body').append(html); $('body').on('click', '#popupBox .close', function(event) { $('#popupBox').remove(); }); }; function set_count_down(){ var now = ''; var end_date = ''; var day = ''; var hour = ''; var minute = ''; var second = ''; if($('.reciprocal .count_down_status').val() == '1'){ now = new Date().getTime()/1000; now = Math.floor(now); end_date = $('.reciprocal .End_Date').val(); how_mush_time = end_date-now; if(how_mush_time > 0){ day = Math.floor(how_mush_time/86400); hour = Math.floor((how_mush_time - day*86400)/3600); minute = Math.floor((how_mush_time - day*86400 - hour*3600)/60); second = how_mush_time - day*86400 - hour*3600 - minute*60; $('.reciprocal .r_d').html((day<10?'0':'')+day); $('.reciprocal .r_h').html((hour<10?'0':'')+hour); $('.reciprocal .r_m').html((minute<10?'0':'')+minute); $('.reciprocal .r_s').html((second<10?'0':'')+second); setTimeout(function(){ set_count_down(); },1000); $('.reciprocal').show(); }else{ $('.reciprocal .r_d').html('00'); $('.reciprocal .r_h').html('00'); $('.reciprocal .r_m').html('00'); $('.reciprocal .r_s').html('00'); $('.reciprocal .count_down_status').val('0'); $('.reciprocal').hide(); } } } function re_check_now_count(){ $.ajax({ url:"/ajax/ajax_recheck_now_count.php", type:"POST", cache:false, async:false, dataType:"json", data:{endDate:$('.reciprocal .End_Date').val()}, success:function(d){ if(d.check){ $('.reciprocal .now_count').html(d.now_count); } $('.reciprocal .End_Date').val(d.end_date); if($('.reciprocal .count_down_status').val() == '0'){ var now = new Date().getTime()/1000; now = Math.floor(now); var how_mush_time = $('.reciprocal .End_Date').val()-now; if(how_mush_time > 0 && now > $('.St_Date').val()){ $('.reciprocal .count_down_status').val('1'); set_count_down(); }else{ $('.reciprocal .r_d').html('00'); $('.reciprocal .r_h').html('00'); $('.reciprocal .r_m').html('00'); $('.reciprocal .r_s').html('00'); } } setTimeout(function(){ re_check_now_count(); },300000); } }); } var _masonry_set = { columnWidth: 15, itemSelector: '.menu-item', gutter: 20, transitionDuration: 0 }; $('.nav-item').find('.item-subitembox .menu1-left').each(function() { if ($(this).find('.menu-item').length <= 2) { $(this).addClass('no-after'); } }) $(window).resize(function() { if ($(window).width() <= 1024) { // if ($('.menu1-left').attr('style')) { // $(".menu1-left").masonry('destroy'); // } $('.nav-item').off('mouseenter'); $('.nav-item').find('.item-subitembox').each(function() { $(this).removeAttr('style'); }) } else { // $('.nav-item').on('mouseenter', function() { // var target = $(this).find('.item-subitembox'); // if (target.length == 0) { // var target = $(this).find('.item-subitembox-web'); // } // if (target.length != 0) { // var left = Math.floor($(this).offset().left); // if (left + 800 > parseInt($('#menu-nav .inner').offset().left) + parseInt($('#menu-nav .inner').width())) { // var distance = left + 800 - (parseInt($('#menu-nav .inner').offset().left) + parseInt($('#menu-nav .inner').width())); // target.css({ 'left': -distance }); // } // } // }) } }) if ($(window).width() <= 1024) { // if ($('.menu1-left').attr('style')) { // $(".menu1-left").masonry('destroy'); // } $('.nav-item').find('.item-subitembox').each(function() { $(this).removeAttr('style'); }) } else { // $('.nav-item').on('mouseenter', function() { // $(this).find('.top_menu.menu1 .menu1-left').masonry(_masonry_set); // $(this).find('top_menu .menu1-left').masonry(_masonry_set); // }) // $('.nav-item').on('mouseenter', function() { // var target = $(this).find('.item-subitembox'); // if (target.length == 0) { // var target = $(this).find('.item-subitembox-web'); // } // if (target.length != 0) { // var left = Math.floor($(this).offset().left); // if (left + 800 > parseInt($('#menu-nav .inner').offset().left) + parseInt($('#menu-nav .inner').width())) { // var distance = left + 800 - (parseInt($('#menu-nav .inner').offset().left) + parseInt($('#menu-nav .inner').width())); // target.css({ 'left': -distance }); // } // } // }) } $(".table-center").find(function(){ $(".menu_sub_a").parents(".subitembox").prevAll(".m-item-title").addClass("show-fa") }) $(".menu1-left").find(function(){ $(".menu-item").parents(".inner").parents(".item-subitembox").prevAll(".h3-item").addClass("show-fa") }) $('main').on('click', '.club-aside', function(event) { $('body').css('position','fixed'); }); $('main').on('click', '.close-m', function(event) { $('body').removeAttr('style'); }); $("#menu-nav").find(function(){ $(".menu-0010").parents(".nav-item").css('position','relative'); }) //左側選單第二層開合 var acc = $(".nav-accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { if($(this).hasClass('active')) { $(this).removeClass('active') } else { acc.removeClass('active') $(this).addClass('active') } var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { $('.nav-panel').removeAttr('style'); panel.style.display = "block"; } }); } // ========================================================== // header-01 固定在頂部時,body padding-top 校正 // ========================================================== $(function() { $(window).on('scroll', function(e) { if($('body').hasClass('is-sticky')) { $('body').css({ paddingTop: $('.header-01').outerHeight(true) }) } else { $('body').css({ paddingTop: 0 }) } }) $(window).trigger('scroll') }) // ========================================================== // 手機版 footer 選單滑動處理 // ========================================================== $(function() { // 左側主選單 $('#menu-nav').on('click', '.h3-item', function(e) { const indexNum = $(this).parent('.nav-item').index() const menuOffset = indexNum * $(this).outerHeight() $(this).parents('.navBox').animate({ scrollTop: menuOffset }, 750) }) // 下方關於我們選單 $('.navBox-2').on('click', '.nav-accordion', function(e) { const indexNum = $(this).parent('.mobile-left-item').index() const menuOffset = indexNum * $(this).outerHeight() $('.navBox-2').animate({ scrollTop: menuOffset }, 750) }) }) // ========================================================== // 關於我們開闔選單,第三層功能設定 // ========================================================== $(function() { $('.third-gate-toggle').on('click', function(e) { e.preventDefault() $(this).parent('li').toggleClass('open-nav'); }) })