2009-08-02 7 views
3

上のアニメーションをフェードキューに追加され、私が停止すると、しばらくリンクの脈動が見えます。 .stop(true)を使用しようとしましたが、フェードインエフェクトがまったく機能しないことがあります(または不透明度値が1未満)。私に何ができる?jQueryの私はホバリング時にリンクにフェード少しjQueryのアニメーションを持つホバー

おかげで、エリック

答えて

4

最良の方法は、hoverIntentプラグインを使用することです。これは上記の問題を扱います。また、アニメーションにわずかな遅延が加えられます。そのため、ユーザーがすべてのリンク上でマウスをすばやく動かすと、すべてのリンクの醜いアニメーションフローが得られません。 occuringこのような問題を防ぐために

2

一つの方法は、以下のスニペットのように、fadeTo()と連動して停止()を使用することです:

$(function() { 
    $('.delete').fadeTo(0, 0); 
    $('#photos img').hover(function() { 
    $(this).parents('li').children('.delete').stop().fadeTo('fast', 1); 
    }, function() { 
    $(this).parents('li').children('.delete').stop().fadeTo('fast', 0); 
    }); 
}); 

ホープこれはあなたの問題を解決します!

関連する問題