jQueryのアニメーション

によって適用されるCSSプロパティを測定するのが起こってfadeToggleメソッドを持っているdiv要素があると言ってみましょう：jQueryのアニメーション

$('.someDiv').fadeToggle(500);

これは500msの持続不透明度アニメーションを持って、「表示」のCSSプロパティが先行し、続い変更（ 'none'から 'block'とviceversaに変更）。私が間違っていなければ、これらのプロパティをDOMに追加します。

これらのプロパティを測定したり、チェックしたりできますか？

if ($('.someDiv').css("opacity") != "1"){ 
    //Do Something 
}

私は試しても効果がないようです。

出典

2016-06-23 Tudor

あなたはブロックがフェードインやフェードアウトされているかどうかをチェックしたいわけ？ –

いいえ、申し訳ありませんが、十分に明確でない場合。ここに私が言っていることがあります：divがフェードインまたはフェードアウトしている間に、不透明度が変わります。不透明度が1でないとき（フェードインまたはフェードアウトしているため）、私は何か "できますか"？ – Tudor

なぜですか？間違いなく可能です。コードはどのように機能していませんか？何をしたいですか？ –

setIntervalを使用してからfadeToggleをコールしてから、コールバックを使用してクリアすることができます。

フィドルここ

$('.someDiv').click(function() { 
    var interval = setInterval(opacityTrace,1); 
    $('.someDiv').fadeToggle(500,function() { clearInterval(interval) }); 
}); 

function opacityTrace() { 
    var currentOpacity = $('.someDiv').css("opacity"); 
    $(".opacityTrace").append(currentOpacity+"<br/>"); 
}

例https://jsfiddle.net/jdcejscn/1/

出典

2016-06-23 10:41:42 Ian

おっと、これはまさに私が探していたものです。あなたは揺れる。 – Tudor

答えて

関連する問題