/** * 目前用戶選擇的id_as */ var id_as = $('#defaultMall').val(); console.log("run... " + id_as); getMallData(); $(function(){ /*後端*/ $('.search .close').on('click',function(){ $('.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(); }); $(".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'); }); // // ========================================================== // // 主選單:品牌,資料切換功能 // // ========================================================== $('.MB_Box').on('click','.MB_Item',function(){ //加上focus $('.MB_Item').removeClass('in-choice'); $(this).addClass('in-choice'); //更新區塊二 $(this).parents('.MB_Box').find('.MB_Block2').html($(this).find('.Block2_Cont').html()); const menuScrollTop = $('.MB_Box .picture-type').offset().top + $('.MB_Box .inner').scrollTop() - $('.navBox').offset().top - $('.MB_Box .spec-type').outerHeight() $('.MB_Box .inner').animate({ scrollTop: menuScrollTop, },750); }); 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'); } }); }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(){ $('.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 #Shop_Cart_Total').on('mouseenter',function(){ $("#Header_Shopcart").load('/ajax/ajax_get_cart.php?shopcart_type=normal',''); $("#PreOrder_Shopcart").load('/ajax/ajax_get_cart.php?shopcart_type=preorder',''); $('.shopping-cartbox').addClass('open'); $(".member-group").removeClass("in-active") }); $("header").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}); } } }); } let prevScroll = 0 _window.on('scroll', function(event) { if($(this).scrollTop() - prevScroll < 0 && $(this).scrollTop() !== 0){ $(".gotop").css("opacity","1"); $("body").addClass('is-sticky'); }else{ $(".gotop").css("opacity","0"); $("body").removeClass('is-sticky'); } prevScroll = $(this).scrollTop() }); 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 .menu-002 .menu-item').off('hover'); } if(_window.width() <= 480 && change_1023 != 480){ change_1023 = 480; body_padding = 50; var scrollTop = _window.scrollTop(); }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'); $('.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'); $('.menu-002 .menu-item:nth-child(2)').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 .fa-shopping-cart').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') $(".shopping-cartbox").removeClass("open") }) $("header").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') .on('click', '.member-toggle', function(e) { clickStep += 1; if(clickStep % 2) { target.addClass('in-active') } else { target.removeClass('in-active') } }); $("header").off("mouseleave") } }) var openStatus = 0; //0 關閉 / 1 開nav / 2 開search $('.menu-b, .search-toggle, .navBox-closer, .nav-bg').on('click',function(e){ let target = '', header = $('.header-01'), targetClass = '', newStatus = 0 if($(e.currentTarget).hasClass("menu-b")){ newStatus = 1 }else if($(e.currentTarget).hasClass("search-toggle")){ newStatus = 2 }else{ newStatus = 0 } if(openStatus == newStatus || newStatus == 0){ openStatus = 0 }else{ openStatus = newStatus } console.log(openStatus) switch(openStatus){ case 0: header.removeClass('nav-open'); $('.nav-bg,.navBox').removeClass('open-nav'); $('.nav-bg,.searchBox').removeClass('open-search'); $('body').removeClass('overflow-hidden'); // $('.nav-item.open').removeClass('open') break; case 1: header.addClass('nav-open'); $('.nav-bg,.searchBox').removeClass('open-search'); $('.nav-bg,.navBox').addClass('open-nav'); $('body').addClass('overflow-hidden'); if($(window).scrollTop() !== 0){ $('body').addClass('is-sticky'); } $('main').removeClass('aside-open'); // id_as // console.log(id_as); break; case 2: header.addClass('nav-open'); $('.nav-bg,.navBox').removeClass('open-nav'); $('.nav-bg,.searchBox').addClass('open-search'); $('body').addClass('overflow-hidden'); if($(window).scrollTop() !== 0){ $('body').addClass('is-sticky'); } $('main').removeClass('aside-open'); break; } }) $('.footer_menu').on('click','.menu-item',function(){ $(this).addClass('open'); }); $('.footer_menu').on('click','.open',function(){ $(this).removeClass('open'); }); //點擊率 $(".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.這是錯誤的連結); } }); //點擊清空輸入框 $(".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'); }); _window.trigger('resize') }); function errorbox(title,content,button){ var html='