.load() доставляет мне неприятности Я работаю над проектом загрузчика разделов и, похоже, просто не могу получить нужный мне файл.

What I am trying to achieve: #sectionContainer пуст при загрузке документа, но при готовности документа он «заполнен»; сPages1.html, Это делается с помощью файла JavaScriptsections.js, Файл JS и файл index.html НЕ находятся в одной папке. Вот структура сайта (на моем сайте много проектов)

main folder Project 1 Project 2 (sectionLoaderTest/) index.html Pages1.html Pages2.html css/ js/ sections.js Project 3 ...

И код, который я использую для загрузки Pages1.html на готовом:

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

Я перепробовал все возможные методы (/, ./,., ../, ..), о которых мне известно, и, похоже, ничего не работает. Здесьпрецедент.

Кто-нибудь знает, что я делаю не так?