Ich bin relativ neu in jQuery und entschuldige, wenn diese Frage zu einfach ist, aber ich habe stundenlang in zahlreichen Threads gesucht und kann keine definitive Lösung finden.

Ich habe folgende Ordnerstruktur:

/index.html

/html/pages/page1.html
/html/pages/images/
/html/pages/css/
/html/pages/js/
/html/pages/includes/

Ich versuche zu ladenpage1.html in einen DIV inindex.html auf folgende grundsätzliche Weise:

$('#content').load('html/pages/page1.html', function () {
   console.log('loaded');
});

page1.html Allerdings besteht es aus mehreren Includes und der gesamte Inhalt (Bilder, CSS, JS usw.) ist relativ zumSeiten Ordner (zum Beispiel: ../images/header.jpg), wird also beim Laden in nicht angezeigtindex.html seitdem wird alles relativ zu/ oderindex.html.

Ich habe irgendwo gelesen, dass alle Pfade absolut oder relativ sindpage1.html funktioniert auch, indem eine Art globale Pfadvariable hinzugefügt wird. Das PROBLEM ist jedoch, dass zu viel veralteter Inhalt vorhanden ist und das Ändern aller Inhalte nicht möglich ist.

Gibt es eine Möglichkeit zum Ladenpage1.html wie oben beschrieben, ohne einen der Pfade zu ändern, obwohl sie relativ sind? Oder kann jemand einen effizienten Weg (andere Plugins, Techniken) empfehlen, um externe Inhalte auf diese Weise zu laden?

Vielen Dank!