0

ホバーした画像に基づいて画像を表示し、メイン画像を暗くしたい画像マップがあります。これは私が持っているコードです

<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回程度のイベントを予定しております。ページが読み込まれると機能しますが、その後は機能しません。ホバーを試してみましたが、イメージ マップでちらつきが発生し、正常に動作します。どんな助けでも大歓迎です！

4

1 に答える 1

0

最初の 2 つのイベントでは矛盾があります。最初のイベントは次で終了します

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

追加したい場合

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

このイベントでも、このように書く必要があります

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

セカンドガイも同じ

于 2014-04-28T19:36:21.513 に答える