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로 바꾸시면 됩니다.
만약 페이지 이동이라면 php 구분자 값을 주셔서 변수 전달되는 방식으로 하는 방법으로 class on 반영되도록 하시면 될듯 합니다. 보니까 wr_id 값이 서로 다르네요 그 변수값으로 class on 되도록 하시면 됩니다.
<script>
$('#one').click(function() {
$('#one').addClass('on');
});
</script>
잘활용하시면될듯하네요 만약 two 클릭시에는 클래스를 빼주면되겟죠 one에 있는것을