Bestimmte Elemente einer Seite mit jQuery nach einer festgelegten Zeit aktualisieren, kann mit jedem Element mit einer ID verwendet werden. Ich habe das Beispiel mit der URL angepasst, um es nur einmal und nicht intermittierend zu aktualisieren. Funktioniert in allen Browsern.
$('#button1').click(function() {
var url = "http:www.your-url.com?ID=" + Math.random(); //create random number
setTimeout(function() {
$("#elementName").load(url+" #elementName>*","");
}, 1000); //wait one second to run function
});
nette Sachen,
Danke Jungs.
Ich habe eine schnelle Frage dazu, da nach der Durchführung die DOM die aktualisierten Elemente als neue Elemente behandelt. Da mein JS in separaten Dateien liegt, wie kann ich die Elemente in meinem anderen Skript neu auswählen?
Als einfaches Beispiel nehmen wir an, ich habe ein Lightbox-Skript für die Bildlinks innerhalb des aktualisierten Elements. Dieses Skript wird nach der Aktualisierung nicht ausgelöst. Das liegt daran, dass es die 'neuen' Elemente nicht ausgewählt hat.
Gibt es eine gute Möglichkeit, diese für das Lightbox-Skript neu auszuwählen? Würde das Neustarten des Lightbox-Aufrufs innerhalb dieser Funktion den Trick tun?
Schauen Sie sich die jQuery-Funktionen .live() und .die() an. Sie bewältigen die meisten Ihrer AJAX-Refresh-Probleme.
http://api.jquery.com/live/