Tengo el siguiente código:
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> function loadPhotos(folderName){ var folder = "assets/photos/"+folderName+"/"; $.ajax({ url : folder, success: function (data) { $(data).find("a").attr("href", function (i, val) { if( val.match(/\.(jpe?g|png|gif)$/) ) { $("body").append( "<img src='"+ folder + val +"'>" ); } }); } }); } </script> </head> <html> <div onclick="loadPhotos('7thAnnual')">7th Annual</div> </html>Por alguna extraña razón, cuando hago clic en el div, la función loadPhotos arroja un error 404 no encontrado en la llamada ajax... pero el directorio que dice que no puede encontrar, existe.
Para que conste, estoy ejecutando esto en localhost ( http://127.0.0.1:8020/ ).
la estructura del directorio es Ljf/assets/photos/7thAnnual ....
entonces la ruta completa sería http://127.0.0.1:8020/Ljf/assets/photos/7thAnnual
el directorio 7thAnnual contiene todas las imágenes
¿Alguna idea?
De acuerdo... entonces parece que tengo que calificar completamente el nombre en la url así:
var folder = "127.0.0.1:8020/Ljf/assets/photos/7thAnnual";en lugar de usar solo:
var folder = "Ljf/assets/photos/7thAnnual"Esta respuesta trae una
"Las solicitudes de origen cruzado solo se admiten para esquemas de protocolo: http, data, chrome, chrome-extension, https, chrome-extension-resource".
que es un problema diferente al de esta publicación, pero resuelve el
404 No encontrado
Así que lo marcaré como la respuesta.
Debes crear el directorio assets/photos/7thAnnual/. Asegúrate de haberlo hecho
Si ejecuta esto en Chrome y abre el ingenioso pequeño inspector
(haga clic con el botón derecho en el fondo en algún lugar, elija inspeccionar, luego vaya a la pestaña de red en la ventana de inspección)
luego haga clic en el div que debería activar el ajax, debería mostrarle la ruta a la que intenta llegar. (en su pequeño panel de red en la parte inferior)
Asegúrate de que el camino se vea bien
Mire la respuesta para ver si hay alguna otra información potencialmente útil.
¡Déjame saber lo que encuentres!