메뉴바 addclass에 대해 질문이 있어서 올립니다!! 채택완료
배정태
2년 전
조회 1,419
</p>
<p> <div id="gnb"></p>
<p> <div class="gnb_side"></p>
<p> <h2>메인메뉴</h2></p>
<p> <ul id="gnb_1dul"></p>
<p> <?php</p>
<p> $menu_datas = get_menu_db(1, true);</p>
<p> $i = 0;</p>
<p> foreach( $menu_datas as $row ){</p>
<p> if( empty($row) ) continue;</p>
<p> ?></p>
<p> <li class="gnb_1dli"></p>
<p> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a></p>
<p> <?php</p>
<p> $k = 0;</p>
<p> foreach( (array) $row['sub'] as $row2 ){</p>
<p> if( empty($row2) ) continue;</p>
<p> </p>
<p> if($k == 0)</p>
<p> echo '<button type="button" class="btn_gnb_op"><span class="sound_only">하위분류</span></button><ul class="gnb_2dul">'.PHP_EOL;</p>
<p> ?></p>
<p> <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><span></span><?php echo $row2['me_name'] ?></a></li></p>
<p> <?php</p>
<p> $k++;</p>
<p> } //end foreach $row2</p>
<p> </p>
<p> if($k > 0)</p>
<p> echo '</ul>'.PHP_EOL;</p>
<p> ?></p>
<p> </li></p>
<p> <?php</p>
<p> $i++;</p>
<p> } //end foreach $row</p>
<p> </p>
<p> if ($i == 0) { ?></p>
<p> <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?>
<a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하세요.<?php } ?></li></p>
<p> <?php } ?></p>
<p> </ul></p>
<p> </div></p>
<p> </div></p>
<p>
js
</p>
<p> if( $_GET["bo_table"]==="free" ){</p>
<p> $('gnb_1da').addClass("active");</p>
<p> }else{</p>
<p> $('gnb_1da').removeClass("active");</p>
<p> }</p>
<p>
이렇게 제 소스 코드인데 제가 만들고 싶은거는 http://dkagh012.dothome.co.kr/bbs/board.php?bo_table=free 이렇게 자유게시판에 들어가면 자유게시판의 색이 붉은색으로 바뀔수 있도록 하고 만약
http://dkagh012.dothome.co.kr/bbs/board.php?bo_table=gallery 이렇게 갤러리로 들어가면 갤러리만 붉은색으로 바뀌고 이렇게 바꾸고 싶은데 지금 현재 addclass마저 안되고 있는 상황이라 선생님들께 도움을 청 하고 싶습니다.. 어떻게 js코드를 짜야할지 도와주세요
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
2년 전
소스보기 해보면 이렇게 나오는데
</p>
<p> <div id="gnb">
<div class="gnb_side">
<h2>메인메뉴</h2>
<ul id="gnb_1dul">
<li class="gnb_1dli">
<a target="_self" class="gnb_1da">자유게시판</a>
</li>
<li class="gnb_1dli">
<a target="_self" class="gnb_1da">갤러리</a>
</li>
<li class="gnb_1dli">
<a target="_self" class="gnb_1da">공지사항</a>
</li>
<li class="gnb_1dli">
<a target="_self" class="gnb_1da">질문답변</a>
</li>
<li class="gnb_1dli">
<a target="_self" class="gnb_1da">홈</a>
</li>
</ul>
</div>
</div></p>
<p>
우선 gnb_1da 가 모두 동일해서 이것 부터 개별식별 가능하도록 각각 다르게 값을 지정해야 하지 않나 싶고
js 부분은
</p>
<p><script></p>
<p>$(function () {</p>
<p> <?php</p>
<p> if( $_GET["bo_table"]==="free" ){
echo '$(".gnb_1da").addClass("active");';
}else{
echo '$(".gnb_1da").removeClass("active");';
}</p>
<p> ?></p>
<p>});</p>
<p></script></p>
<p>
이런 형태가 되지 않을까 싶습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인