.load() gibt mir Ärger. Ich arbeite an einem Section Loader-Projekt und kann die benötigte Datei scheinbar nicht abrufen.

Was ich versuche zu erreichen: #sectionContainer ist beim Laden des Dokuments leer, aber beim Bereitstellen des Dokuments wird es mit "gefüllt"Pages1.html. Dies geschieht durch eine JavaScript-Dateisections.js. Die JS-Datei und die index.html befinden sich NICHT im selben Ordner. Hier ist die Site-Struktur (ich leite viele Projekte auf meiner Site)

HauptordnerProjekt 1Projekt 2 (sectionLoaderTest /)index.htmlPages1.htmlPages2.htmlCSS /js /abschnitte.jsProjekt 3...

Und der Code, den ich verwende, um Pages1.html fertig zu laden:

$(document).ready(function () {
    $("#sectionContainer").load("../Pages1.html", function (response, status, xhr) {
        if (status == "error") {
            var msg = "An error occurred. Status code: ";
            $("#error").html(msg + xhr.status + ". Status text: " + xhr.statusText);
        }
    });
});

Ich habe alle mir bekannten Methoden ausprobiert (/, ./,., ../, ..) und nichts scheint zu funktionieren. Hier ist derTestfall.

Weiß jemand, was ich falsch mache?