2013-04-18 30 views
8

Aşağıdaki betiğin solması ve aralarında bir gecikme ile kaybolması için çalışıyorum. Tanımı doğru olarak gösterir ve gerektiği gibi kaybolur, ama içinde kaybolmaz?jquery div show'da gösterme

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

Çok teşekkürler!

cevap

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

Ayrıca css bunu ayarlayabilirsiniz:

#updated{ 
    display: none; 
} 

sorun - (varsayılan olarak) zaten görünür bu.

6

Sen fadeIn() önce postudiv lazım, div gizlemek için hide() yöntemi kullanabilirsiniz.

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

onun nedeniyle zaten gösteren

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

düzelir