8

我试图让下面的脚本淡入淡出，中间有延迟。它正确显示了 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 } ?>

非常感谢！

4

3 回答 3

7

这是因为它已经显示

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

修复它

于 2013-04-18T09:21:39.250 回答
7 
$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800);

您也可以在 css 中设置它：

#updated{
  display: none;
}

问题是 - 它已经可见（默认情况下）。

于 2013-04-18T09:19:17.343 回答
6

你必须隐藏 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 } ?>
于 2013-04-18T09:19:49.633 回答