메뉴 활성화에 관련해 궁금하여 질문올립니다.
본문
사진과 같이 고객센터를 누르면 주황색으로 계속해서 활성화가 되어있게 하고 싶습니다.
현재는 마우스를 위에 올리면 주황색으로 변하고 클릭하고 마우스를 치우면
주황색으로 유지되는게 아니라 기존의 검은색으로 돌아가버립니다.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".gnb .showmenu").click(function() {
if($(this).next("ul").is(":visible")){
$(this).next("ul").slideUp("fast");
} else {
$(".gnb .menu").slideUp("fast");
$(this).next("ul").slideToggle("fast");
}
});
});
</script>
현재 스크립트는 이상태인데
스크립트를 손봐줘야하는지 css부분을 손봐줘야하는지 궁금합니다.
답변 1
<script>
var href = location.href.replace(/.+\?/g, '');
$('.gnb_2dul a').each( function() {
if (href == $(this).prop('href').replace(/.+\?/g, '' )) {
$(this).addClass('on'); return false;
}
});
</script>
<?php if(!G5_IS_MOBILE) { // PC만 출력 ?>
<!-- Left Menu -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="navbar-icon<?php echo ($is_index) ? ' active' : '';?>">
<a href="<?php echo G5_URL?>">
<i class="fa fa-home at-tip" data-original-title="<nobr class='font-normal'>메인</nobr>" data-toggle="tooltip" data-html="true"></i>
</a>
</li>
<li class="navbar-icon">
<a data-toggle="collapse" data-target=".at-menu-all">
<i class="fa fa-bars at-tip" data-original-title="<nobr class='font-normal'>전체보기</nobr>" data-toggle="tooltip" data-html="true"></i>
</a>
</li>
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="gnb_2dul">'.PHP_EOL;
$on_css = '';
$tmp = parse_url($row2['me_link']);
if (isset($tmp['query']))
parse_str($tmp['query'], $tmp2);
if ($tmp2['bo_table'] != '' && $tmp2['bo_table'] == $bo_table) {
if ($tmp2['sfl'] != '' && urldecode($tmp2['sfl']) == $sfl && urldecode($tmp2['stx']) == $stx) $on_css = ' on';
else if ($tmp2['sca'] != '' && $bo_table && $tmp2['sca'] == $sca) $on_css = ' on';
else if ($tmp2['sfl'] == '' && $tmp2['sca'] == '' ) $on_css = ' on';
}
else if ($tmp2['ca_id'] != '' && $tmp2['ca_id'] == $ca_id) $on_css = ' on';
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da<?php echo $on_css ?>"><?php echo $row2['me_name'] ?></a></li>
<?php
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if ($i == 0) { ?>
<li class="dropdown"><a href="">메뉴가 세팅전입니다</a></li>
<?php if ($is_admin) { ?><li class="dropdown"><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a></li><?php } ?>
<?php } ?>
</ul>
</div>
<?php } ?>바쁘신데 시간내어 자세하게 답변달아주셔서 정말 감사합니다ㅜㅜ
답변을 작성하시기 전에 로그인 해주세요.