.load() sprawia mi kłopoty. Pracuję nad projektem programu ładującego sekcje i po prostu nie mogę pobrać pliku, którego potrzebuję.

Co próbuję osiągnąć: #sectionContainer jest pusty przy ładowaniu dokumentu, ale w przygotowanym dokumencie jest „wypełniony”Pages1.html. Odbywa się to za pomocą pliku JavaScriptsections.js. Plik JS i index.html NIE znajdują się w tym samym folderze. Oto struktura witryny (na mojej stronie wykonuję wiele projektów)

główny folderProjekt 1Projekt 2 (sectionLoaderTest /)index.htmlStrony1.htmlStrony2.htmlcss /js /section.jsProjekt 3...

A kod, którego używam do załadowania stron Pages1.html w gotowości:

$(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);
        }
    });
});

Próbowałem wszystkich możliwych metod (/, ./,., ../, ..), które znam i nic nie działa. Tutaj jestprzypadek testowy.

Czy ktoś wie, co robię źle?