JQuery.css（属性，值）导致404未找到错误

Question

这是我得到的错误：

  

获取http://localhost:8888/assets/gifs/ajax-loader.gif 404（未找到）

这是我的代码：

$("#town-icon").css("background", "url(../../assets/gifs/ajax-loader.gif) no-repeat");

这是我的文件结构：

这在添加到css文件时有效：

.select .arr {
  background: url("../../assets/gifs/ajax-loader.gif") no-repeat;
  background-size: 100%;
}

为什么在JQuery.css()动态应用样式时找不到文件？

Answer 1

您的SCRIPT文件夹和ASSET文件夹位于同一根级别。您的CSS文件夹更深一层。为了检索.gif，您必须将根退出两个级别（../../）但是由于您的脚本是一个文件夹，即使使用assets文件夹删除（../../）也应该解决您的问题。如果脚本文件位于SCRIPT文件夹中的另一个文件夹中，则只返回一次（../）

$("#town-icon").css("background", "url(/assets/gifs/ajax-loader.gif) no-repeat");