.load() et les chemins relatifs

.load() est de me donner de la difficulté. Je suis en train de travailler sur une section de chargeur de projet et je n'arrive pas à récupérer le fichier dont j'ai besoin.

Ce que je suis en train de réaliser:
#sectionContainer est vide sur le document de charge, mais sur le document prêt, il est "rempli" avec Pages1.html. Cela se fait par un fichier JavaScript sections.js. Le fichier JS et le index.html ne sont PAS dans le même dossier. Voici la structure du site (je suis en cours d'exécution beaucoup de projets sur mon site)

• dossier principal
  • Projet 1
  • Projet 2 (sectionLoaderTest/)
    • index.html
    • Pages1.html
    • Pages2.html
    • css/
    • js/
      • sections.js
  • Projet 3
  • ...

Et le code que j'utilise pour charger Pages1.html sur prêt:

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

J'ai essayé toutes les méthodes possibles (/, ./, ., ../, ..) que je connais et rien ne semble fonctionner. Voici la cas de test.

Personne ne sait ce que je fais de mal?

OriginalL'auteur Bram Vanroy | 2012-05-15