jquery - 数秒間divを表示してから自動的に消える

Question

ページが読み込まれると、divが 3 秒間表示され、その後自動的に消えます。現在、コードに問題があります。以下のコードを使用しています。

jQuery("#infor").delay(6000).fadeOut("slow");

私のHTMLは：

<div id="infor">
something
</div>

しかし、それは機能していないようです。このコードが機能しない理由を知っている人はいますか?

Answer 1

あなたのコードはdocument.readyブロック内にありますか?

$( document ).ready(function() {
    $("#infor").delay(3000).fadeOut("slow");
});

それは私のために働く：http://jsfiddle.net/YdU4z/

Answer 2

構文は正しいようです (ただし、遅延を約 3 秒にしたい場合は、遅延内の値を 3000 に変更する必要があります)。

以下に示すように、このコードはドキュメント対応ブロック内にラップされていますか?

 <script type='text/javascript'>
     //Short-hand for $(document).ready()
     $(function(){
         //Delay for ~3 seconds and then fade out
         $("#infor").delay(3000).fadeOut("slow");
     });
 </script>

実施例

ブラウザ内で開発者ツール (F12) を使用して ( Console 内で) エラーがスローされているかどうかを確認し、使用している jQuery のバージョンが呼び出されている関数もサポートしていることを確認します。