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"); 

也是在这种情况下 首先与事件

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

结束，你应该写这样的

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

同样的，secondGuy

去