클릭시 class 변경 질문 채택완료
아래처럼, 만들어놓았구. 메뉴 1클릭하면, 1메뉴 클래스만 on으로 변경하려고합니다. 아래처럼 했더니.. 전체 클래스가 on 으로 변경되는데 어떻게 처리해야할까요 ?ㅠㅠ
<li><a href="/" class="off" >메뉴1</a></li>
<li><a href="/" class="off" >메뉴2</a></li>
<li><a href="/" class="off" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li></p>
<p> </p>
<p> </p>
<p><script>
$(document).ready(function(){
$(".off").attr("class","on");</p>
<p> });
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
3년 전
링크가 필요해서 a를 넣으신건가요??
지금 a때문에 클릭하면 바로 넘어가 버려서 class 넣은게 사라집니다.
이런식으로 click 해도 반응없게 하시면 되요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 7개
�
3년 전
그럼 링크주소에 변수값으로 num=1 이런식으로 넘긴후에 넘어간 페이지에서 addclass 하거나 php로 <? if($num == "1") echo "on"; ?> 이런식으로 하셔야 할거 같은데요
�
3년 전
1메뉴 클릭시
[code]
<li><a href="/" class="on" >메뉴1</a></li>
<li><a href="/" class="off" >메뉴2</a></li>
<li><a href="/" class="off" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li>
[/code]
2메뉴 클릭시
[code]
<li><a href="/" class="off" >메뉴1</a></li>
<li><a href="/" class="on" >메뉴2</a></li>
<li><a href="/" class="off" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li>
[/code]
3메뉴 클릭시
[code]
<li><a href="/" class="off" >메뉴1</a></li>
<li><a href="/" class="off" >메뉴2</a></li>
<li><a href="/" class="on" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li>
[/code]
이런식 입니다 ㅠㅠ..
답이안나와서 메뉴별로 스킨 복사해서. 클래스 하나씩 넣어줬네요..;;ㅠㅠ
[code]
<li><a href="/" class="on" >메뉴1</a></li>
<li><a href="/" class="off" >메뉴2</a></li>
<li><a href="/" class="off" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li>
[/code]
2메뉴 클릭시
[code]
<li><a href="/" class="off" >메뉴1</a></li>
<li><a href="/" class="on" >메뉴2</a></li>
<li><a href="/" class="off" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li>
[/code]
3메뉴 클릭시
[code]
<li><a href="/" class="off" >메뉴1</a></li>
<li><a href="/" class="off" >메뉴2</a></li>
<li><a href="/" class="on" >메뉴3</a></li>
<li><a href="/" class="off" >메뉴4</li>
[/code]
이런식 입니다 ㅠㅠ..
답이안나와서 메뉴별로 스킨 복사해서. 클래스 하나씩 넣어줬네요..;;ㅠㅠ
�
3년 전
https://mytest.iwinv.net/test1.php
이거 테스트 해보세요.. 링크 클릭시 같은페이지로 이동하고 on이 걸린건 글씨색이 빨간색으로 변합니다
이거 테스트 해보세요.. 링크 클릭시 같은페이지로 이동하고 on이 걸린건 글씨색이 빨간색으로 변합니다
댓글을 작성하려면 로그인이 필요합니다.
비버팩토리
3년 전
ul 에 클래스명이 있으면 셀렉터에 넣어주세요 없으니까 그냥 아래 처럼 해드렸어요</strong><code> $(document).ready(function(){ $("ul li .off").on('click',function(){ $(this).addClass("on"); }); }); </code></pre> <p><strong>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
비버팩토리
3년 전
</p>
<pre>
<code>$(document).ready(function(){
$(".off").on('click',function(){
$(this).addClass("on");
});
});</code></pre>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 4개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택