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版本支持这些功能也被称为。

显示div几秒钟然后自动消失

2 个答案: