JQuery: Ersetze Div-Inhalte mit HTML aus einer externen Datei. Vollständiges Beispiel?

8

Frage

Wie lautet der vollständige Code zum Aktivieren von jQuery auf einer Seite und zum Ersetzen des Inhalts eines DIV durch HTML-Text aus einer externen Datei?

Hintergrund

Ich bin ganz neu bei jQuery und ich möchte unbedingt damit arbeiten, damit ich es lernen kann. Ich habe eine Website, wo ich den Inhalt der gleichen div (Fußzeile) ersetzen muss, die auf jeder Seite vorhanden ist. Glücklicherweise importiert jede dieser Seiten bereits dieselbe Header-Datei. Also werde ich diese Header-Datei mit etwas jQuery Magie ändern! Ich habe Probleme, vollständige Beispiele zu finden, und ich dachte mir, dass andere ähnliche Fragen haben könnten. Wer sollte besser fragen als die SO-Gurus?

Beispiel

Gegeben eine grundlegende HTML-Datei Example.html :

%Vor%

Und eine externe Datei includes/contentSnippet.html enthält ein Snippet von html:

%Vor%

Was wäre die neue Example.html -Datei, die die richtigen jQuery-Bibliotheken (aus dem ./js-Verzeichnis) verlinkt und den Inhalt der div durch jQuery ersetzt?

    
gMale 26.02.2011, 05:26
quelle

2 Antworten

15

ok, ich beiße ...

%Vor%

Anmerkungen:

  1. Ich habe die jquery-Bibliotheken direkt mit dem öffentlichen CDN von jQuery verknüpft ( erlaubt und empfohlen )
  2. Sie finden die Dokumentation für die load() Funktion von jQuery hier .
Lee 26.02.2011, 05:44
quelle
2

Um jQuery auf Ihrer Seite zu verwenden, wird im Allgemeinen empfohlen, das Skript vor das schließende body-Tag zu setzen, damit der Inhalt der restlichen Seite nicht blockiert wird. Es wird auch empfohlen, den Code aus dem Google CDN für verschiedene Vorteile zu verwenden Hier einige hilfreiche Links: Ссылка und Ссылка .

jQuery-Lernprogramme: Ссылка :

%Vor%

Um den Inhalt von div durch den Inhalt einer anderen Datei zu ersetzen, wird dies mit einer AJAX-Anfrage gemacht:

%Vor%

Offensichtlich gibt es viel zu lernen und viel mehr Möglichkeiten, Ihre Seiten zu kontrollieren und zu optimieren. Ich würde definitiv empfehlen, die jQuery-API-Dokumentation zu lesen, um mehr zu erfahren: Ссылка

    
Eli 26.02.2011 05:41
quelle