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

2차분류 메뉴와 1차분류 메뉴 동시에 배치 채택완료

크림치즈 5년 전 조회 3,422

</p>

<p>        <div class="list-category<?php echo (G5_IS_MOBILE) ? ' list-category-mobile' : '';?>">

            <div class="tabs div-tab<?php echo $category_tabs;?> hidden-xs">

                <ul class="nav nav-tabs<?php echo ($wset['ctype'] == "1") ? ' nav-justified' : '';?><?php echo ($cate_w) ? ' text-center' :'';?>">

                        <li<?php echo ($cate[$i]['on']) ? ' class="active"' : '';?><?php echo $cate_w;?>>

                            <a href="<?php echo $up_href;?>">전체</a>

                        </li>

                    <?php for ($i=0; $i < $ca_cnt; $i++) { ?>

                    

                        <li<?php echo ($cate[$i]['on']) ? ' class="active"' : '';?><?php echo $cate_w;?>>

                            <a href="./list.php?ca_id=<?php echo urlencode($cate[$i]['ca_id']);?>">

                                <?php echo $cate[$i]['name'];?>

                            </a>

                        </li>

                    <?php } ?>

                    <!--<li>

                            <a href="/shop/personalpay.php">개인결제창</a>

                        </li>-->

                </ul>

            </div></p>

<p>

 

 

안녕하세요

전체메뉴는 1차분류이고 나열된 메뉴는 2차분류입니다!

ex> 전체 = 10

     7인치모니터 = 1010

     9인치모니터 = 1020

.

.

.

 

코드를 2차분류에서 갖다 붙여서인지 전체를 눌렀을때 active 클래스가 추가되길 원하는데

그렇게 되지않고 저렇게 네번째 메뉴에서 엉뚱하게 붙네요.. 어떻게 해결해야하나요?ㅠㅠ

 

php도 영카트도 처음이라 잘 모르겠어서요 ㅠㅠ 어제도 질문글을 남겼었고 jquery로 하면 된다는 답변을 들었는데 jquery로 addclass 주는건 탭밖에 몰라서 페이지 다른데서 적용하는방법을 못하겠어서 다시 질문 남깁니다 ㅠㅠ

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

답변 1개

채택된 답변
+20 포인트
toqurk
5년 전

일전에도 같은 문의 하신것으로 아는데...

jquery 를 활용하세요.

특정 버튼 클릭시 onclick 이벤트를 걸던지...

$('#id값').click(function(){

  $('1차 카테 모든id값').removeclass('');

  $('2차 카테 모든id값').removeclass('');

  $('1차 카테 id값').addclass('active');

  $('2차 선택 카테 id나 class 값').addclass('active');

});

 

단순하게 짤경우 1차, 2차 모든 내용의 클래스를 모두 삭제 후 해당 카테만 클래스를 준다 라는 내용이지요..

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

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

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

로그인