淡入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 } ?>

非常感谢!

Answer 1

因为它已经显示出来了

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

解决它

Answer 2

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

你也可以在css中设置它:

#updated{
  display: none;
}

问题是 - 它已经可见(默认情况下).

Answer 3

你要隐藏 div之前fadeIn(),你可以使用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 } ?>