2017-11-03 7 views
-1

ページが読み込まれるときにオブジェクトをフェードインしようとしています。しかし、オブジェクトはフェードインまたはフェードインしません(私は両方を試しました)。何が私のjavascriptプログラムがこのコードを実行しない原因になることができますか?ご協力いただきありがとうございます。Javascriptがフェーディング要素ではない

Javascriptを:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("#fadeIn1").fadeIn(3000);   
    }); 
</script> 

Htmlの(簡体字):

<p id="fadeIn1" style="display:none">Hello</p> 

ソリューション: 私は、不要なスクリプトタグを削除し、問題が修正されました。

+3

あなたのコードとその動作を試しました。私が考えることができる問題は、おそらく 'script'が本体の前に最初に読み込まれていることです。' body'の最後の前に 'script'を置いてみてください'タグ。 –

+0

@ShadowFiendスクリプトが ' 'の前にロードされても、OPは文書*準備*ハンドラを使用しています – Phil

+1

@Phil aw .. ..忘れてしまった.. –

答えて

-1

フェードアウトするときは、style = "display:none"を使用できません。それ以外の場合は完全に動作しています

+0

ここであなたが言っていることは本当に不明です。多分例を見せてもらえますか? – Phil

+0

私は、コードは完全にうまくいっていますが、フェードアウトしている場合はdisplay:noneを使用することはできません。表示プロパティが最初にnoneに設定されている場合、fadeOut – RedWolf

関連する問題