jQueryのフェードイン（）表示なし

Question

に私は戻ってこのアイテムを持って、今$('#div').css('display', 'none');

をしたdiv要素を持っている$('#div').fadeIn()はそれをやっていないように、私はそれをフェードインしたいと思います。しかし、それはそうですが、私はブロックするように表示を設定したくない、私はちょうどフェードアウトの代わりに瞬時に表示されますか？任意のアイデア？

Answer 1

は、要素を非表示にする

$('#div').hide(); 

を試してみてください。

アップデート：私はFirefoxでbodyに.css('display', 'none')の設定に問題が来たので、私はこれを提案しました。しかし、それは他の要素のために働くはずです。

しかし、それがhide()で動作しない場合、間違いなく別の問題があり、コードを投稿したりデモを提供しなければなりません。

どのブラウザでエラーが発生しますか？ $('#div').fadeIn()が実行されていますか？

Answer 2

が、これは、少なくとも誰かを助けることを望ん遅すぎるが、イム

$('#div').hide(); 

代わりの

display:none; 

Answer 3

4年を試してみてください。

jqueryを使用してCSSクラスを変更してからvisibility:hiddenに変更してから、フェードイン機能を適用する必要があります。これらを同じ関数内で連鎖させることも、別々に実行することもできます。どちらの方法でも、要素が期待どおりに存在感に戻っていくのを見てください。

Answer 4

速度オプションを追加するだけです。

$('#div').fadeIn(1000); 

それは私のために働いて...

Answer 5

私は要素とその:hover状態に設定CSSによって引き起こされる同様の問題がありました。

-webkit-transition: all 0.3s linear; 
-moz-transition: all 0.3s ease; 
-ms-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 

私は上記のこれらの行を削除し、最終的にjQueryのfadeIn()は完璧に働きました。

はまた、あなたがdisplay:none !important;

を使用していないはい、あなただけのCSS display:none;を設定し、fadeIn()を使用する必要があることを確認してください。