토론방

소스관련 선택한 카테고리 버튼 활성화

고객이 카테고리명을 셀렉트목록이 아니라 버튼으로 풀어달라고 하셔서 ul li로 풀었습니다.

선택한 카테고리명을 활성화하려고.. 인터넷에서 간단한 소스를 찾아넣었는데... 선택한 카테고리의 버튼이 활성화가 안되네요...

$(function(){
  $('.list>li').click(function(){
       $('.list>li').removeClass('on');   
       $(this).addClass('on');
  })
})

이게 안먹는가 봅니다... 어떻게 해야하나염? ^^;;;;

게시글 공유 URL복사
댓글[3]

열기 닫기

  • 이**우 2016-02-15

    @ 인터넷 소스 설명

    인터넷의 소스는 페이지 이동이 없을 경우, 클릭하는 항목을 on 시키는 소스 입니다.

    그래서, 적용하신 페이지에서는 아무런 동작을 하지 않습니다.

     

     

    @ 작업 방법

    페이지가 이동하면 해당 카테고리의 class가 on 이 되어야 합니다.

    URL 기준으로 동작하도록 다음과 같이 수정하셔야 합니다.

     

                            <li class="on"|cond="!$_GET[category_idx]"><a href="/shop_contents/myboard_list.htm?myboard_code={$_GET[myboard_code]}" >전체</a></li>
                            <li loop="$myboard_category_row as $k => $v" class="on"|cond="$_GET[category_idx]==$v[category_idx]">
                                <a href='/shop_contents/myboard_list.htm?myboard_code={$_GET[myboard_code]}&category_idx={$v[category_idx]}'>{$v[subject]}</a>
                            </li>

     

     

    class="on"|cond="!$_GET[category_idx]"

    - url 에 category_idx 값이 없을 경우 on

     

    class="on"|cond="$_GET[category_idx]==$v[category_idx]"

    - url 의 category_idx 값과 카테고리 버튼의 category_idx 값이 같을 경우 on

     

     

     

    @ 다음 페이지를 참고해주세요.

    $_GET 변수

    http://manual.web79.kr/page/basic1_01b

  • 이**우 2016-02-15

    조건문 cond 사용법

    http://manual.web79.kr/page/php1_05

  • 이**우 2016-02-15

     

    $_GET 변수

    http://manual.web79.kr/page/basic1_01b

     

    조건문 cond 사용법

    http://manual.web79.kr/page/php1_05

     

댓글작성

열기 닫기

댓글작성
top