fix : css 정리
parent
b1f2d557eb
commit
0d767a0cad
@ -1,182 +0,0 @@
|
|||||||
$(document).ready(function(){
|
|
||||||
if($(".navbar .dp1 > li").hasClass("active")){
|
|
||||||
$(".wrapper").addClass("spi")
|
|
||||||
}
|
|
||||||
if($(".left_menu .dp4").length){
|
|
||||||
$(".left_menu .dp4").parent("li").addClass("hasSub")
|
|
||||||
}
|
|
||||||
if($(".left_menu .dp3").length){
|
|
||||||
$(".main_sidebar").show();
|
|
||||||
}else{
|
|
||||||
// $(".main_sidebar").hide();
|
|
||||||
// $(".content_wrapper").css({"margin-left":"0"})
|
|
||||||
}
|
|
||||||
|
|
||||||
// $(".sidebar_btn").addClass("active");
|
|
||||||
// $(".main_sidebar").addClass("active");
|
|
||||||
// $(".content_wrapper").addClass("active");
|
|
||||||
$('.mainDepth').hover(function(e){
|
|
||||||
$('.nav_wrap, .menu_dep2, .secDiv').show();
|
|
||||||
/*if( !$('.nav_wrap, .menu_dep2, .secDiv').has(e.target).length )*/
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.content_body, .nav_wrap').mouseout(function(e){
|
|
||||||
/*if( !$('.nav_wrap, .menu_dep2, .secDiv').has(e.target).length )*/ {
|
|
||||||
$(".secDiv, .menu_dep2, .nav_wrap").slideUp(5,function(){
|
|
||||||
/*divHeightFlat($(".secDiv"));*/
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
$(function(){
|
|
||||||
$(".navbar .dp1 > li").on("click", function(){
|
|
||||||
$(".navbar .dp1 > li").removeClass("active")
|
|
||||||
$(this).addClass("active")
|
|
||||||
if($(".navbar .dp1 > li").hasClass("active")){
|
|
||||||
$(".wrapper").addClass("spi")
|
|
||||||
}
|
|
||||||
})
|
|
||||||
$(".navbar .dp2 > li").on("click", function(){
|
|
||||||
$(".navbar .dp2 > li").removeClass("active")
|
|
||||||
$(this).addClass("active")
|
|
||||||
})
|
|
||||||
$(".left_menu .dp3 > li").on("click", function(){
|
|
||||||
$(".left_menu .dp3 > li").removeClass("active")
|
|
||||||
$(this).addClass("active")
|
|
||||||
})
|
|
||||||
$(".left_menu .dp4 > li").on("click", function(){
|
|
||||||
$(".left_menu .dp4 > li").removeClass("active")
|
|
||||||
$(this).addClass("active")
|
|
||||||
})
|
|
||||||
$(".sidebar_btn").on("click", function(){
|
|
||||||
$(this).toggleClass("active");
|
|
||||||
$(".main_sidebar").toggleClass("active");
|
|
||||||
$(".content_wrapper").toggleClass("active");
|
|
||||||
|
|
||||||
//사이드바 접기/펼치기 상태값 설정
|
|
||||||
var sidebar_stts = $(".sidebar_btn.active").length>0?'active':'';
|
|
||||||
sessionStorage.setItem("sidebar_stts", sidebar_stts);
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 2020.11.02. 박민규
|
|
||||||
* tui-grid layout refresh
|
|
||||||
* -사유: 사이드바 접기/펼치기 시 사이드바 만큼 늘어나고 줄어든 grid 영역에 대해 값이 출력되지 않는 이슈에 대한 처리
|
|
||||||
*/
|
|
||||||
for(var i=0; i<=10; i++){
|
|
||||||
try {
|
|
||||||
if(i==0)
|
|
||||||
instance.refreshLayout();
|
|
||||||
else
|
|
||||||
eval("instance"+[i]+".refreshLayout()");
|
|
||||||
} catch (e) {
|
|
||||||
// console.log(e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
$(".all_menu").on("click", function(){
|
|
||||||
$(".all_menu_wrap").show();
|
|
||||||
})
|
|
||||||
$(".all_menu_wrap .close").on("click", function(){
|
|
||||||
$(".all_menu_wrap").hide();
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 2020-08-18 최유수
|
|
||||||
* 신규 네비게이션 이벤트 추가
|
|
||||||
*/
|
|
||||||
var navEventFunction = {
|
|
||||||
init : function(){
|
|
||||||
/*
|
|
||||||
1뎁스 메뉴 클릭시 드롭다운
|
|
||||||
*/
|
|
||||||
navEventFunction.DivHeightFlat($(".secDiv"));
|
|
||||||
/*$(".mainDepth").click(function() {
|
|
||||||
var flag = $('.hold').length == 0 ? true:false;
|
|
||||||
$(".secDiv, .nav_wrap").stop().slideToggle(350, 'swing', function(){
|
|
||||||
});
|
|
||||||
$(".hold").removeClass("hold");
|
|
||||||
$(".ancrHold").removeClass("ancrHold");
|
|
||||||
if(flag){
|
|
||||||
$(this).addClass("ancrHold");
|
|
||||||
$(this).find(".secDiv").addClass("hold");
|
|
||||||
}
|
|
||||||
});*/ //[2020.09.17 박소영 주석처리/메뉴 클릭기능을 지움]
|
|
||||||
/*
|
|
||||||
* 1뎁스 Hover 이벤트
|
|
||||||
*/
|
|
||||||
$(".mainDepth").hover(function() {
|
|
||||||
if($(".secDiv").attr("display") == "none"){
|
|
||||||
$(".secDiv, .nav_wrap").stop().slideToggle(350, 'swing', function(){
|
|
||||||
divHeightFlat($(".secDiv"));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
$(this).addClass("ancrOntoggle");
|
|
||||||
$(this).find(".secDiv").addClass("onToggle");
|
|
||||||
}, function(){
|
|
||||||
$(".onToggle").removeClass("onToggle");
|
|
||||||
$(".ancrOntoggle").removeClass("ancrOntoggle");
|
|
||||||
});
|
|
||||||
|
|
||||||
/*
|
|
||||||
2뎁스 메뉴 클릭시 드롭다운
|
|
||||||
현재 사용하지 않음.
|
|
||||||
*/
|
|
||||||
$(".secDepth").click(function(e){
|
|
||||||
//수정할 높이의 크기
|
|
||||||
var updateHeight = 0;
|
|
||||||
//수정할 네비게이션 DIV의 높이
|
|
||||||
var height = $(".secDiv").height();
|
|
||||||
var open = true;
|
|
||||||
var shut = true;
|
|
||||||
if($(this).find(".trdOn").length == 1){
|
|
||||||
updateHeight = $(".trdOn").height();
|
|
||||||
$(this).next().css("margin-top",0);
|
|
||||||
height = height - updateHeight
|
|
||||||
open = false;
|
|
||||||
}else if($("ul").hasClass("trdOn")){
|
|
||||||
updateHeight = $(".trdOn").height();
|
|
||||||
$(".secOn").next().css("margin-top",0);
|
|
||||||
height = height - updateHeight
|
|
||||||
}else{
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if(shut){
|
|
||||||
$(".trdOn").css("display","none");
|
|
||||||
$(".trdOn").removeClass("trdOn");
|
|
||||||
$(".secOn").removeClass("secOn");
|
|
||||||
}
|
|
||||||
if(open){
|
|
||||||
updateHeight = $(this).find(".trdDepthMenu").height();
|
|
||||||
$(this).next().css("margin-top",updateHeight)
|
|
||||||
height = height + updateHeight;
|
|
||||||
|
|
||||||
$(this).find(".trdDepthMenu").css("display","block");
|
|
||||||
$(this).find(".trdDepthMenu").addClass("trdOn");
|
|
||||||
$(this).addClass("secOn");
|
|
||||||
}
|
|
||||||
$(".secDiv").height(height);
|
|
||||||
$(".nav_wrap").height(height);
|
|
||||||
//이벤트 버블링 방지
|
|
||||||
e.stopPropagation();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
,DivHeightFlat : function(obj){
|
|
||||||
var maxHeight = 0;
|
|
||||||
obj.each(function(index, item){
|
|
||||||
if (maxHeight < $(item).find('li').length){
|
|
||||||
maxHeight = $(item).find('li').length;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
maxHeight = maxHeight * 20;
|
|
||||||
obj.each(function(index, item){
|
|
||||||
$(item).height(maxHeight);
|
|
||||||
$(".secDiv").height(maxHeight);
|
|
||||||
});
|
|
||||||
$(".nav_wrap").height(maxHeight);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue