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