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

在前两个事件中，你有不一致的地方。第一个事件以

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

如果您想要添加

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

同样在这种情况下，您应该像这样编写

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

secondGuy也是如此