首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >显示一个div几秒钟,然后自动消失

显示一个div几秒钟,然后自动消失
EN

Stack Overflow用户
提问于 2013-08-20 01:31:23
回答 2查看 9.4K关注 0票数 3

当页面加载时,div应该会显示大约3秒钟,然后自动消失。目前,我在代码方面遇到了问题。我使用下面的代码:

代码语言:javascript
复制
jQuery("#infor").delay(6000).fadeOut("slow");

我的HTML是:

代码语言:javascript
复制
<div id="infor">
something
</div>

但它似乎不起作用。有人知道为什么这段代码不能工作吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-08-20 01:35:37

您的代码是否在document.ready块中?

代码语言:javascript
复制
$( document ).ready(function() {
    $("#infor").delay(3000).fadeOut("slow");
});

它适用于我:http://jsfiddle.net/YdU4z/

票数 6
EN

Stack Overflow用户

发布于 2013-08-20 01:34:15

您的语法似乎是正确的(但是,如果您希望延迟大约3秒,则应将延迟内的值更改为3000)。

您是否将此代码包装在文档就绪的块中,如下所示?

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

Working Example

我会尝试在您的浏览器中使用开发人员工具(F12)来查看(在控制台中)是否抛出了任何错误,并确保您正在使用的jQuery版本也支持被调用的函数。

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

https://stackoverflow.com/questions/18319663

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档