jquery - mouseenter/mouseleave는 한 번만 실행됩니다.

Question

이미지를 보여주고 싶은 이미지 맵이 있습니다.이 이미지 맵을 통해 마우스를 올려 놓으면 주 이미지가 어두워집니다. 이것은 내가 가지고있는 코드입니다

<script> 
$(document).ready(function() { 

$(".firstGuyOne",".secondGuyOne").hide(); 

$(".firstGuy").mouseenter(function (e) { 
    $(".jetGroup").addClass("activeTeam");}); 
    $(".firstGuyOne").addClass("visibleTeam"); 

$(".firstGuy").mouseleave(function (e) { 
    $(".jetGroup").removeClass ("activeTeam"); 
    $(".firstGuyOne").removeClass("visibleTeam"); 
    } 
).click(function(e) { e.preventDefault(); }); 

$(".secondGuy").mouseenter(function (e) { 
    $(".jetGroup").addClass("activeTeam");}); 
    $(".secondGuyOne").addClass("visibleTeam"); 

$(".secondGuy").mouseleave(function (e) { 
    $(".jetGroup").removeClass ("activeTeam"); 
    $(".secondGuyOne").removeClass("visibleTeam"); 
    } 
).click(function(e) { e.preventDefault(); }); 

}); 
</script> 

그것은 한 번만 어떤 이유로 든 발사됩니다. 나는이 사건들 중 약 5-6을 가질 것이다. 그 후에 페이지가로드 될 때 작동합니다. 나는 공중 선회를 시도했으나 이미지 맵에서 깜박 거리고 제대로 작동한다. 어떤 도움을 주셔서 감사합니다!

Answer 1

처음 두 이벤트에는 일관성이 없습니다. 이 이벤트도

$(".firstGuyOne").addClass("visibleTeam"); 

를 추가하려면 첫 번째 이벤트는 secondGuy

로 이동이

$(".firstGuy").mouseenter(function (e) { 
$(".jetGroup").addClass("activeTeam"); 
$(".firstGuyOne").addClass("visibleTeam"); 
}); 

동일처럼 작성해야,

$(".jetGroup").addClass("activeTeam"); 

로 끝