jquery - ページの読み込み時にスクリプトが実行されない

Question

ページが更新された後にメッセージを表示するには、次のようにします。

HTML (BODY タグの任意の場所に挿入):

<div id="dvLoading"></div>

CSS:

#dvLoading {
    background:url(../theImages/loader.gif) no-repeat center center;
    height: 100px;
    width: 100px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    z-index: 9999999999999999;
}

JQuery:

$(window).bind("load", function() {
    $('#dvLoading').fadeOut(2000);
});

唯一の問題は、IE では動作しますが、FF や Chrome では動作しないことです。ローダーの画像は数秒後に消えますが、FF と Chrome では画像はその場所にとどまり、消えません。

Answer 1

標準の jQuery の方法で接続すると、すべてのブラウザーで機能するはずです。

$(function () {
    $('#dvLoading').fadeOut(2000);
});

または、競合なしモードで jQuery を使用していない場合は、

jQuery(function () {
    $('#dvLoading').fadeOut(2000);
});

Answer 2

使用する$(document).ready

$(document).ready( function() {
    $('#dvLoading').fadeOut(2000);
});

例: http://jsfiddle.net/apR7C/