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

去