Làm mờ trong chương trình jquery div hiển thị

Question

Tôi đang cố gắng làm cho tập lệnh bên dưới mờ dần và mờ dần ở giữa. Nó cho thấy div một cách chính xác và mờ dần như nó cần, nhưng nó không phai mờ?

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

Rất cám ơn!

Answer 1

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

Bạn cũng có thể thiết lập nó trong css:

#updated{ 
    display: none; 
} 

Vấn đề là - nó đã xuất hiện (theo mặc định).

Answer 2

Bạn phải ẩndiv trước fadeIn(), bạn có thể sử dụng phương pháp hide() để ẩn 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 } ?> 

Answer 3

của nó vì nó đã cho thấy

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

sửa nó