다음 CSS 및 jquery 코드를 사용하여 ul의 텍스트 클릭시 텍스트 색상을 변경하려고합니다. 현재 텍스트 색상이 # d49a9a 인 경우 다시 # c2c0c0으로 변경하고 그 반대의 경우도 마찬가지입니다.jquery 클릭시 텍스트 색상 변경
.navContainer ul{
left: 10px;
top: 20px;
position: absolute;
color: #c2c0c0;
font-family: 'Terminal Dosis';
font-weight: 200;
font-size: 20pt;
list-style-type: none;
line-height: 50px;
}
.navContainer a {
text-decoration: none;
color: #c2c0c0;
}
.navContainer {
left: 150px;
top: 150px;
position: absolute;
}
편집 --- 여기 내 HTML입니다
<head>
...some code
<script type="text/javascript">
$("#navContainer li").click(function() {
$("#navContainer li").css("color", "#d49a9a");
$(this).css("color", "#c2c0c0");
});
</script>
</head>
<div class="navContainer">
<ul>
<li class="navText">Work</li>
<li class="navText"><a href="#">Blog</a></li>
<li class="navText">About</li>
<li class="navText">Contact</li>
</ul>
</div>
내가 뭘 잘못 말해 줄 수주십시오.
어떤 부분이 작동하지 않는지 설명 할 수 있습니까? –
문서가 준비되면 jQuery가 실행됩니까? 전체 코드를 제공해 주시겠습니까? – Usman
@Usman, 질문을 업데이트했습니다. –