33
Ho bisogno di nascondere un div (come "mail inviata con successo" in Gmail) dopo un certo periodo di tempo in cui ricarico la pagina.Come nascondere un div dopo un certo periodo di tempo?
Come posso farlo?
A
risposta
87
Ecco un esempio operativo completo basato sui test. Confrontalo con ciò che hai attualmente per capire dove ti stai sbagliando.
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#deletesuccess').delay(1000).fadeOut();
});
</script>
</head>
<body>
<div id=deletesuccess > hiiiiiiiiiii </div>
</body>
</html>
41
Nelle versioni precedenti di jquery dovrete farlo nel "javascript modo" utilizzando settimeout
setTimeout(function(){$('div').hide();} , 4000);
o
setTimeout("$('div').hide();", 4000);
recente jquery 1.4 questa soluzione è stato aggiunto:
$("div").delay(4000).hide();
Ovviamente sostituire "div" con l'elemento corretto utilizzando una val id jquery selector e chiamare la funzione quando the document is ready.
+1
Non credo che il primo esempio funziona ... – Pointy
+0
@pointy, dovrebbe essere fissato – marcgg
+2
ragione di essere, la funzione di 'setTimeout' aspetta come è primo parametro sia una funzione o una stringa. Non stai fornendo né, stai eseguendo la funzione, e il ritorno di quella funzione è ciò che stai inviando alla funzione 'setTimeout'. Questo funzionerà se si passa la funzione stessa, in questo modo: 'setTimeout ($ (" #div ") .hide, 4000);'. –
8
setTimeout('$("#someDivId").hide()',1500);
grazie rosscj2533 .......... – rag
funziona esattamente ... grazie signore –