[Jquery] Dialog delay.

[Queckezz]

Guten Abend, bin neu hier in der community!

So und zwar hab ich folgende Problemstellung:
Sobald ein Link gedrückt wird soll ein ganz simpler Dialog (jquery UI) erscheinen. Dies funktioniert auch problemlos. Der Dialog soll allerdings nur 3-4 sekunden erscheinen. Habe nun etwas gelesen dass es evt. mit .delay() funtioniert. Habe es aber nicht hinbekommen dass es funktioniert.

der Code ist zurzeit so:

[COLOR=#000000][FONT=Inconsolata]function showDialog(){     [/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]$( "#example" ).dialog ({[/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]resizable: false, width: 600, [/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]});[/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]return false; [/FONT][/COLOR]
[COLOR=#000000][FONT=Inconsolata]}[/FONT][/COLOR][FONT=Inconsolata][COLOR=#000000]
[/COLOR][/FONT][COLOR=#000000][FONT=Inconsolata]}[/FONT][/COLOR]

In der Dokumentation steht nichts über .delay() oder ähnliches.

Kleine Anmerkung: Habe mich noch nie gross mit Jquery beschäftigt. Darum ziemlicher Anfänger ;)

Bedanke mich jetzt schon für eure zahlreichen antworten.

Liebe Grüsse
-Fabian

 

[threadi]

.delay() ist eine eigene jQuery-Funktion die auch dokumentiert ist:
.delay() – jQuery API

Beispiele zur Verwendung findest Du unter dem Link.

 

[Queckezz]

Hey,

Danke für den Link. Habe nun meinen code nochmals überrarbeitet und dies hier ist das Endergebnis:

http://jsfiddle.net/Queckezz/g3uGb/

funktioniert auch soweit alles. Aber sobald der delay von 2,5 sekunden beendet ist fadet der script NUR den Text aus. Ich wollte nun das die ganze Box hidden ist nicht nur der Text(siehe Beispiel)

Ich hoffe ihr wisst was ich meine.

Hat jemand schonmal ein ähnliches Problem gehabt? Oder wisst ihr villeicht die Lösung des Problems?

Liebe Grüsse
-Fabian

 

[janm]

function showDialog(){     
$( "#example" ).dialog ({
resizable: false, width: 600, 
});
return false; 
}
setTimeout('$("#example").dialog("close")'),2500)
}