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