.load() y las rutas relativas

Question

.load() me están dando problemas. Estoy trabajando en un proyecto de cargador de sección y parece que no puedo buscar el archivo que necesito.

Lo que estoy tratando de lograr: #sectionContainer está vacía en la carga de documentos, pero en el documento listo, es 'llenos' con Pages1.html. Esto se hace mediante un archivo de JavaScript sections.js. El archivo JS y el index.html NO están en la misma carpeta. Aquí está la estructura del sitio (estoy corriendo un montón de proyectos en mi sitio)

• carpeta principal de
  • Proyecto 1
  • Proyecto 2 (sectionLoaderTest /)
    • index.html
    • Pages1.html
    • Pages2.html
    • css/js
    • /
      • sections.js
  • Proyecto 3
  • ...

Y el código que utilizo para cargar Pages1.html en lista:

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

He intentado todos los métodos posibles (. /, ./,, ../ ..), que yo sepa, y nada parece funcionar. Aquí está el test case.

¿Alguien sabe lo que estoy haciendo mal?

Answer 1

./Pages1.html debería funcionar. Probó todas las cuentas para ellos en la barra de direcciones.

Answer 2

Sus URL AJAX deben ser relativas a la página en la que se encuentra, por lo que desea "Pages1.html". Lo que tiene en el caso de prueba (..Pages1.html) nunca funcionará, ya que esa no es una referencia válida. (¿Quería hacer ../Pages1.html?)