动态更改背景url /图片src的错误

Question

我正在动态更改background:url('image-file') or img's src ，它按预期运行，但是当文件之间有空格时，例如file name.gif (Not loading) or file-name.gif (load successfully)之间有空格，我遇到了一个问题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 +')');
    }

据我不太确定为什么不加载此类文件，我只是尽力找出原因，但我想知道是否还有其他原因。

Answer 1

您应该用引号括住文件名。 您的代码应更改为：

var file-src = '../context/image file.jpg';

this.css('background',"url('"+ file_src + "')");

Answer 2

URL中不能包含空格。 空格应以％20表示。 您可以使用encodeURI函数正确编码特殊字符。

您的JavaScript看起来也不正确，因为必须用字符串将其引起来，但是我假设这只是您发布时所采用的快捷方式。