마우스가 div 필드에 들어갈 때 div의 배경색을 변경하는 데 문제가 있습니다. 나는 이것을 시도하기 위해 javascript / jquery를 사용하고 있지만 아무 일도 일어나지 않는 것 같습니다. 게시는 내가 액세스하려는 html, CSS 및 javascript의 링크입니다.
왜 이것이 작동하지 않는지 말해 줄 수 있습니까 ??? 나는 그것을 알아낼 수없는 것 같고 여기에있는 다른 예에는 내가 사용하려고 할 때 작동하지 않는 1000 가지 솔루션이 있습니다.
// HTML
<section class="box content">
<div id="projects"></div>
<div class="container">
<h2>Title Three</h2>
<p>content goes here</p>
<div class="someContent">
<p>more stuff change me
</p>
</div>
</div>
</section>
// CSS
.someContent {
width: 60%;
margin-left: 100px;
border: 2px solid black;
text-align: left;
}
.hightLight {
background-color: yellow;
border: 2px solid blue;
}
// 자바 스크립트
(document).ready(function() {
$(".someContent").on("mouseenter", function() {
$(this).addClass("highLight");
}).on("mouseleave", function() {
$(this).removeClass("highLight");
});
});
// 마지막으로 내 html 상단에 추가 된 태그
<!-- css -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<!-- js -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/scroll.js"></script>
div ".someContent"가 변경되지 않는 이유는 무엇입니까? >-<
.hightLight
CSS에서 선택기의 이름 을 .highLight
. 또한 $
JavaScript의 첫 번째 줄 앞에 추가 하십시오.
$(document).ready(function() {
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다