li 태그에서 javascript class on 방법

li 태그에서 javascript class on 방법

QA

li 태그에서 javascript class on 방법

본문

        <div class="tabmenu test">
                <ul>
                        <li id = 'one' name = 'one'><a href="/bbs/board.php?bo_table=test&wr_id=2">1111</a></li>
                        <li id = 'two' name = 'two'><a href="/bbs/board.php?bo_table=test&wr_id=3">22222</a></li>
                        <li id = 'three' name = 'three'><a href="/bbs/board.php?bo_table=test&wr_id=4">3333</a></li>
                        <li id = 'four' name = 'four'><a href="/bbs/board.php?bo_table=test&wr_id=5">44444</a></li>
                </ul>
        </div>

 

 

이렇게 있을 시에 wriet.skin.php 파일 이고요 여기서 111 을 클릭하면 해당 탭이 class=on 이 선택 활성화되어 보이게 그 탭이 또는 2222 를 클릭하면 그렇게 되게 하려면 어떻게 해야 하나요? javascript로 해야 할까요?

이 질문에 댓글 쓰기 :

답변 3

a 태그가 걸려 있는 걸 보니 페이지 이동을 하는 거네요.

플라이 님 말씀처럼 php로 하셔야 할 것 같습니다.

<li id = 'one' name = 'one'<?=$_GET['wr_id'] == 2 ? " class='on'" : ""?>><a href="/bbs/board.php?bo_table=test&wr_id=2">1111</a></li>

숫자 2는 해당 wr_id에 맞게 3, 4, 5로 바꾸시면 됩니다.

지금처럼 페이지가 이동되는 경우, js로는 불가능하구나!로 생각하시는 게 편합니다.
페이지가 바뀌면 모든 게 초기화가 되는데 이걸 탭을 클릭하는 순간 쿠키로 구워서 바뀐 페이지에서 쿠키를 호출해서 할 수도 있지만 너무나도 비효율적이기에 그냥 php를 이용해서 사용하시는 게 좋습니다.

만약 페이지 이동이라면 php 구분자 값을 주셔서 변수 전달되는 방식으로 하는 방법으로 class on 반영되도록 하시면 될듯 합니다. 보니까 wr_id 값이 서로 다르네요 그 변수값으로 class on 되도록 하시면 됩니다.

<script>

$('#one').click(function() {

    $('#one').addClass('on');

});

</script>

 

잘활용하시면될듯하네요 만약 two 클릭시에는  클래스를 빼주면되겟죠 one에 있는것을

$('#one').click(function() {실행문장] 여기다가 if 문을 쓰려면 어떻게 해야 하나요? 괄호나 이런것들이
$('#two').click(function() {실행문장}
$('#three').click(function() {실행문장}
이런식으로 하려고요

답변을 작성하시기 전에 로그인 해주세요.
전체 123,125 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT