33
Ich muss eine div (wie "Mail gesendet erfolgreich" in Gmail) nach einer bestimmten Zeit, wenn ich die Seite neu laden.Wie kann man nach einiger Zeit ein div verbergen?
Wie kann ich das tun?
A
Antwort
87
Hier ist ein vollständiges funktionierendes Beispiel basierend auf Ihren Tests. Vergleiche es mit dem, was du gerade hast, um herauszufinden, wo du falsch liegst.
<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
In älteren Versionen von jquery werden Sie es zu tun haben die "Javascript way" mit settimeout
setTimeout(function(){$('div').hide();} , 4000);
oder
setTimeout("$('div').hide();", 4000);
Kürzlich mit jquery 1.4 diese Lösung wurde hinzugefügt:
$("div").delay(4000).hide();
Natürlich ersetzen "Div" durch das richtige Element mit einem val ID jquery selector und rufen Sie die Funktion, wenn the document is ready.
+1
Ich glaube nicht das erste Beispiel funktioniert ... – Pointy
+0
@pointy, sollte es behoben werden erwartet – marcgg
+2
Grund dafür ist, die 'setTimeout' Funktion, da es entweder eine Funktion oder ein String erster Parameter ist. Sie stellen auch keine zur Verfügung, Sie führen die Funktion aus und die Rückgabe dieser Funktion ist das, was Sie an die 'setTimeout'-Funktion senden. Dies funktioniert, wenn Sie die Funktion selbst übergeben, wie folgt: 'setTimeout ($ (" #div ") .hide, 4000);'. –
8
setTimeout('$("#someDivId").hide()',1500);
danke rosscj2533 .......... – rag
funktioniert genau ... danke Sir –