jquery - アニメーション呼び出しの順序変更

Question

すべてのオブジェクトを作成する次のjqueryがありますが、ホバリングしたオブジェクトはフェードアウトしてからフェードバックします。ただし、他の要素がフェードバックするのを待つのではなく、ホバーされている要素をすぐに完全に不透明にする必要があります。

$('a').bind('mouseenter',function(){
        $(this).fadeTo(0,1);
        $('a').not($(this)).fadeTo('fast', 0.25);
    }).bind('mouseleave',function(){
        $('a').fadeTo('slow', 1.0);
    });​

http://jsfiddle.net/cutcopypaste/jQmZ3/1/

Answer 1

http://jsfiddle.net/jQmZ3/3/を試してください... すべての 'a' 要素のエフェクト キューで停止を使用します。

$('a').bind('mouseenter',function(){
    $('a').stop();                
    $(this).fadeTo(0,1);
    $('a').not($(this)).fadeTo('fast', 0.25);
}).bind('mouseleave',function(){
    $('a').fadeTo('slow', 1.0);  
});​

Answer 2

ホバーした要素を「自動フォーカス」するだけでよい場合は、 を使用$.show()して要素を直接前面に移動します。fade inこれは主に、これ以上この量を使用できないために機能し、希望する効果が得られます。

$('a').bind('mouseenter',function(){
    $(this).show();
    $('a').not($(this)).fadeTo('fast', 0.25);
}).bind('mouseleave',function(){
    $('a').fadeTo('slow', 1.0);
});

http://jsfiddle.net/userdude/jQmZ3/2/