1

マウスオーバーで簡単なフェード機能を実行しようとしています。問題は、目的のアイテムにマウスを重ねてから外した後、要素が複数回フェードインおよびフェードアウトすることです。付随する HTML とともに、以下に jquery コードを含めます。どんな助けでも大歓迎です。ありがとう。

$(document).ready(function(){
        $('.claimfile-text').hide();
        $('.claimfile-graphic').mouseover(function(){
            $('.claimfile-text').fadeIn();
        }).mouseout(function(){
            $('.claimfile-text').fadeOut();
        });

    });

(請求ファイル)

(ホバーして表示)

        <div class="claimfile-text fade-box case-text">
            <p>Claimant</p>
        </div><!-- end claimfile-text -->
4

2 に答える 2

0

HTML の残りの部分を見なくても、 stop()が必要になります。

 $('.claimfile-text').stop().fadeIn();

この意志：

説明: 一致した要素で現在実行中のアニメーションを停止します。

于 2013-03-27T16:20:46.297 に答える
0

使用しない理由:

$(".claimfile-graphic").hover(function(){
  $(".claimfile-text").fadeIn();
}, function(){
  $(".claimfile-text").fadeOut();
});

Hover は、handlerIn と handlerOut の 2 つのイベント ハンドラーで構成されます。詳細 - http://api.jquery.com/hover/

于 2013-03-27T16:27:25.383 に答える