显示几秒钟的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> 

Working Example

我会尝试使用你的浏览器中的开发者工具（F12），以查看是否正在出现的任何错误（控制台内），并确保的jQuery的版本你正在使用支持被调用的函数。