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;
}

查询：

$(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/