La mejor manera de construir la ruta de la imagen en jquery para css en línea [cerrado]

Tengo el siguiente código:

$('<div style="background-image:url(\'/images/a.gif\')"></div>').appendTo('body')

dependiendo de dónde me encuentre en una página, la ruta resulta ser como:

http://www.mysite.com/this/is/where/i/am/_images/spinner.gif

Necesito que sea "http://www.mysite.com/images/a.gif".

No deseo codificarlo. Tampoco deseo darle un nombre de clase y definirlo con css. He probado esto también:

myVar = window.location.hostname + "/images/a.gif" y use 'myVar' en el código jQuery anterior para la ruta. Eso tampoco parece funcionar. me sale algo parecido a esto http://www.mysite.com/this/is/where/i/am/mysite.com/images/a.gif"

Entonces, supongo que mi pregunta es cuál es la mejor manera de construir una ruta desde jQuery a esa imagen. Esta información que podría ser relevante también:

ese código jquery está en main.js, que está en la carpeta "javascript" que tiene el mismo directorio principal que la carpeta "images", por lo que las carpetas "images" y "javascript" son hermanas.

preguntado el 03 de mayo de 12 a las 21:05

¿Por qué no puedes usar esa ruta relativa? /images/a.gif? Debería funcionar de todos modos. -

1 Respuestas

¿Has probado

$("<div>").css('background-image', 'url(/images/a.gif)').appendTo('body')

contestado el 03 de mayo de 12 a las 21:05

¿Hay alguna diferencia suficiente con el código del autor? - Visión

@VisioN Es posible que haya entendido mal la pregunta. No estoy muy seguro para ser honesto. Supuse que jQuery podría estar agregando la ruta absoluta porque está analizando toda la cadena. - paulslater19

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.