我正在动态地改变background:url('image-file') or img's src
,它正在做我所期望的,但当文件名称之间有空间时,我遇到了一个问题,例如file name.gif (Not loading) or file-name.gif (load successfully)
var file-src = ../context/image file.jpg /*not changing */
/* ../context/image-file.jpg : changes */
if(this.is('img')){ /* 'this' is selecter */
this.attr('src', file_src);
}else{
this.css('background','url('+ file_src +')');
}
到目前为止,我不是很确定为什么这些文件不加载,我只是尽我最大的努力找出原因,但我想知道是否有其他原因
你应该用引号括住文件名。你的代码应该改成:
var file-src = '../context/image file.jpg';
this.css('background',"url('"+ file_src + "')");
url中不能有空格。空格应该用%20表示。您可以使用encodeURI函数对特殊字符进行正确编码。
你的javascript也不正确的字符串必须引号,但我假设这只是一个快捷方式,你采取张贴。