文章/答案/技术大牛

发布

社区首页 >问答首页 >加载页面后显示页面

问加载页面后显示页面
EN

Stack Overflow用户

提问于 2012-04-25 21:01:41

回答 2查看 251关注 0票数 0

我试图在加载页面后显示我的页面。

为了做到这一点，

 <div id ="loadingDiv">
        <img src="urltogif">
    </div>

我创建了上面的div并使用了下面的js。

 $('#loadingDiv')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });

但是gif图像总是显示在页面上。这是什么原因呢？

jquery

回答 2

Stack Overflow用户

发布于 2012-04-25 21:06:05

您需要确保在页面完成加载并且DOM准备就绪之后执行jQuery代码，这可以使用ready() function in jQuery来完成：

$(document).ready(function() {
    $('#loadingDiv').hide() // hide it initially
    .ajaxStart(function() {
        $(this).show();
    }).ajaxStop(function() {
        $(this).hide();
    });
})

按住Working example here键并单击按钮以启动AJAX请求-响应有5秒的延迟，因此您可以看到“正在加载”div

更新

基于你下面的评论-我认为你希望div在页面加载时显示，在页面加载时隐藏：

HTML：

<div id ="loadingDiv">
    <img src="urltogif">
</div>

这意味着它在默认情况下是显示的，一旦页面完全加载，下面的jQuery将会隐藏

$(document).ready(function() {
    $('#loadingDiv').hide();
});

我不确定为什么这里有AJAX方法！？也许我已经完全错过了读你的问题！

票数 1

Stack Overflow用户

发布于 2012-04-25 21:11:11

您需要在顶部包含document.ready函数，以便在页面完全加载后执行jQuery。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10316228

复制

相似问题

问加载页面后显示页面
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问加载页面后显示页面EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问加载页面后显示页面
EN