테스트 사이트 - 개발 중인 베타 버전입니다

메뉴바 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>

이런 형태가 되지 않을까 싶습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인