/* ******************************************************* * filename : nav.js ******************************************************** */ var dep1; var dep2; jQuery(function($){ //console.log(1) /* *********************** PC NAV ************************ */ var $openMenu = $(".cm-top-menu"); // PC var $gnb = $("#gnb"); var $gnbList = $("#gnb > ul"); var $gnb_dep1 = $("#gnb > ul > li"); var $gnb_dep2 = $("#gnb > ul > li .gnb-2dep"); var $gnbBg = $('.gnb-overlay-bg'); var $snb = $(".snb"); var $snb_3dep = $(".snb-3dep"); // 移动设备 var $menuBtn = $("#header .nav-open-btn"); var $gnbM = $("#gnbM"); var $gnbMList = $gnbM.find("#navigation").children("li"); var $gnbMBg = $('.gnb-overlay-bg-m'); var menuState = false; // 移动gnb打开后,当窗口变大时生成滚动条 $(window).resize(function () { var win_width = $(window).outerWidth(); if ( menuState ) { if ( win_width > 1200 ) { $("body").css({'height':'auto', 'overflow':'auto'}); } } }); gnb_each_on(); // gnb function gnb_each_on () { var className = $(".gnb1").attr("class"); // console.log(className); $gnbList.children("li").children("a").on("mouseenter focus",function () { if($(this).siblings("div").children(".clearfix").find("li").length>0){ $("#gnbBg").addClass("open"); $gnbList.children("li").removeClass("on").children(".gnb-2dep").removeClass("show");//.hide(); $(this).parent("li").addClass("on").children(".gnb-2dep").addClass("show");//.children(".gnb-2dep").fadeIn(200); }; }) $gnbList.on("mouseleave",gnb_return); $gnbList.find("a").last().on("focusout",gnb_return); function gnb_return () { if (!$gnb.find('*').is(':animated')) { $("#header").removeClass("over"); $("#gnbBg").removeClass("open"); //$gnbList.children("li").removeClass("on").children(".gnb-2dep").hide(); $gnbList.children("li").removeClass("on").children(".gnb-2dep").removeClass("show"); $gnbBg.stop().hide(); } if ( dep1 > 0 && dep2 ) { $gnbList.children("li").eq(dep1-1).addClass("active"); } } } // gnb 2 on $gnb_dep2.hover(function(){ $(this).parent("li").addClass("on"); },function () { $gnb_dep1.removeClass("on"); }); // 子菜单中的相应菜单 on if ( dep1 > 0 && dep2 > 0) { $gnbList.children("li").eq(dep1-1).addClass("active"); $gnbMList.eq(dep1-1).addClass("on"); $snb.each(function () { $(this).find("li").eq(dep2-1).addClass("on"); }); $snb_3dep.each(function () { $(this).find("li").eq(dep3-1).addClass("on"); }); } /* *********************** MOBILE NAV ************************ */ $menuBtn.click(function () { if ( menuState ) { menuClose(); menuState = false; $(this).removeClass("active"); }else { menuOpen(); menuState = true; $(this).addClass("active"); } return false; }); $gnbMBg.click(function () { menuClose(); menuState = false; $menuBtn.removeClass("active"); }); function menuOpen () { $gnbM.addClass("open"); $gnbMBg.fadeIn(); $("body").css({'height':$(window).height(), 'overflow':'hidden'}); } function menuClose () { $gnbM.removeClass("open"); $gnbMBg.hide(); $("body").css({'height':'auto', 'overflow':'auto'}); } //headimg var mst; jQuery(".header-lang").hover(function(){ var curItem = jQuery(this); mst = setTimeout(function(){//延时触发 curItem.find(".eng").slideDown('fast'); mst = null; }); }, function(){ if(mst!=null)clearTimeout(mst); jQuery(this).find(".eng").slideUp('fast'); }); $('.sousuoend').click(function(){ $('.util-search-box').fadeIn(); $('.sousuoend').css('opacity',0); $('.cuohao').css('display','block'); }); $('.sousuo_b').click(function(){ $('.util-search-box').fadeIn(); $('.sousuo_b').css('opacity',0); $('.cuohao').css('display','block'); }); $('.cuohao').click(function(){ $('.util-search-box').fadeOut(); $('.sousuoend').css('opacity',1); $('.cuohao').css('display','none'); }); // 侧边栏 $(".menubtn").click(function(){ $(this).stop().toggleClass("active"); $(".navigate").toggleClass("show"); }); $(".navigate-mark").click(function() { $(".menubtn").removeClass('active'); $(".navigate").removeClass("show"); }); /* GNB MOBILE 2DEPTH */ $("#navigation > li:has('.gnb-2dep')").addClass("has-2dep"); $("#navigation > li:has('.gnb-2dep')").each(function () { }); /* GNB MOBILE 2DEPTH */ $("#navigation > li:has('.gnb-2dep')").children(".mm").click(function(event){ if ( $(this).parent("li").hasClass("active") ){ $(this).parent("li").removeClass("active"); $(this).siblings(".gnb-2dep").slideUp(400); } /* 2dep */ else{ $("#navigation > li").has(".gnb-2dep").each(function() { if ( $(this).hasClass("active") ){ $(this).removeClass("active"); $(this).children(".gnb-2dep").slideUp(400); } }); $(this).parent("li").addClass("active"); $(this).siblings(".gnb-2dep").slideDown(400); } return false; }); if ( dep1> 0 && dep2> 0 ) { $("#navigation > li").eq(dep1-1).addClass("active").children(".gnb-2dep").show().children("li").eq(dep2-1).addClass("on"); } /* *********************** Full Navgation ************************ */ if ( ( $(".gnb-style-full").length > 0 ) && ( $(".member-menu-box").length > 0 ) ) { $(".gnb-style-full").addClass("gnb-style-full-member"); } /* *********************** PC************************ */ $openMenu.find(".menu-location").each(function () { // $(this).find(".cur-location").click(function (e) { e.preventDefault(); $(".menu-location").find(".cur-location").not($(this)).removeClass("open"); $(".menu-location").find(".location-menu-con").not($(this).siblings()).hide(); $(this).toggleClass("open"); $(this).siblings(".location-menu-con").slideToggle(); return false; }); // 2depth ON if ( $(this).is(".location1") ) { $(this).find(".location-menu-con").find("li").eq(dep1-1).addClass("on"); }else if ( $(this).is(".location2") ) { $(this).find(".location-menu-con").find("li").eq(dep2-1).addClass("on"); }else { $(this).find(".location-menu-con").find("li").eq(dep3-1).addClass("on"); } }); $("#wrap").click(function () { $(".menu-location").find(".cur-location").removeClass("open"); $(".menu-location").find(".location-menu-con").hide(); }); // 2depth var $sub_prev_page_btn = $(".sub-prev-page-btn"); var $sub_next_page_btn = $(".sub-next-page-btn"); var $dep1_menu = $("#gnb > ul > li"); var dep1_menu_lang = $dep1_menu.length; $sub_prev_page_btn.find(".sub-page-name").text($dep1_menu.eq(dep1-2).children("a").text()); $sub_next_page_btn.find(".sub-page-name").text($dep1_menu.eq(dep1).children("a").text()); if ( dep1 == dep1_menu_lang ) { $sub_next_page_btn.find(".sub-page-name").text($dep1_menu.eq(0).children("a").text()); }else if ( dep1 == 1 ) { $sub_prev_page_btn.find(".sub-page-name").text($dep1_menu.eq(dep1_menu_lang-1).children("a").text()); } });