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로 바꾸시면 됩니다.
답변에 대한 댓글 2개
페이지가 바뀌면 모든 게 초기화가 되는데 이걸 탭을 클릭하는 순간 쿠키로 구워서 바뀐 페이지에서 쿠키를 호출해서 할 수도 있지만 너무나도 비효율적이기에 그냥 php를 이용해서 사용하시는 게 좋습니다.
댓글을 작성하려면 로그인이 필요합니다.
만약 페이지 이동이라면 php 구분자 값을 주셔서 변수 전달되는 방식으로 하는 방법으로 class on 반영되도록 하시면 될듯 합니다. 보니까 wr_id 값이 서로 다르네요 그 변수값으로 class on 되도록 하시면 됩니다.
답변에 대한 댓글 3개
댓글을 작성하려면 로그인이 필요합니다.
<script>
$('#one').click(function() {
$('#one').addClass('on');
});
</script>
잘활용하시면될듯하네요 만약 two 클릭시에는 클래스를 빼주면되겟죠 one에 있는것을
답변에 대한 댓글 4개
$('#two').click(function() {실행문장}
$('#three').click(function() {실행문장}
이런식으로 하려고요
$('#one').click(function() {
$('#one').addClass('on');
});
</script>
이것도 실행이 안되는데요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인