jQuery淡入显示div

Question

我正在尝试让以下脚本在淡入淡出后有延迟。它可以正确地显示div并进行淡出，但是不会淡入？

<?php
if(isset($_GET['updated'])) { ?>
<div id='updated'><p>The product was successfully added to your Shopping Cart</p></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$('#updated').fadeIn(800).delay(3000).fadeOut(800)
</script>
<?php } ?>

许多感谢！

- Pete Naylor

Answer 1

$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800);

您还可以在CSS中设置它：

#updated{
  display: none;
}

问题是 - 它已经默认可见。

- ahren

Answer 2

这是因为它已经显示出来了。

<div id='updated' style="display:none">

修复它

- dt192

Answer 3

在使用 fadeIn() 方法之前，你需要先 隐藏 div，你可以使用 hide() 方法来隐藏该 div。

<?php
if(isset($_GET['updated'])) { ?>
<div id='updated'><p>The product was successfully added to your Shopping Cart</p></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">

$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800)
</script>
<?php } ?>

- Adil