it-swarm.com.de

Wie lade ich mit AJAX/jQuery ganze Wordpress-Seiten dynamisch wie diese folgende Website?

Diese Website: http://www.ericpaulsnowden.com

(Die Website wird in Wordpress erstellt).

Lädt Seiten und Posts dynamisch mit AJAX/jQuery.

Weiß jemand, wie man das macht?

1
janoChen

Ich mache, es ist meine Seite :) Hier ist es auf einem hohen Niveau

1) Ich habe die Site als Standard-HTML/CSS/Javascript-Site ohne Ajax und ohne Wordpress-Code erstellt. Layout komplett ohne Inhalt. Alle Links sind reguläre a href-Links - dies hilft später bei der Abwärtskompatibilität.

2) Im Wordpress-Code hinzugefügt, um Inhalte ohne Ajax einzulesen. Stellen Sie sicher, dass der gesamte Inhalt in ein konsistentes div eingeschlossen ist, das ich Container nenne.

3) Ich benutze jQuery, um alle Klicks auf einen href-Link zu hijacken. Wenn es kein target = "_ blank" oder keine Überschreibungsklasse gibt, lade ich die Seite mit Ajax. Ich greife nach der URL, suche nach dem div des Containers (wie oben definiert) und lade nur diesen Inhalt, wobei Kopf- und Fußzeile konsistent bleiben. Ich verwende auch die JQuery-Adresse, um die URL und den Titel der Seite zu ändern.

4) Wenn der Inhalt geladen ist, feuere ich jQuery-Aufrufe an, um den Inhalt einzublenden und die Leiste unter dem Navigationspunkt neu zu positionieren. Ich führe auch zusätzliche Aufrufe durch, um jedes seitenbezogene JS wieder hinzuzufügen, wenn es durch Laden der Seite über Ajax entfernt wird.

5) Schließlich habe ich meine .htaccess-Datei geändert, um ein www hinzuzufügen. zu jeder Seite und hinzugefügt Javascript in den Header meiner Datei, um den Hash in die URL hinzufügen mehr jQuery-Adresscode, um die richtige Seite zu laden, wenn jemand Deep-Links.

Hoffe, etwas davon hilft!

Eric

4
Eric Snowden