javascript - JQuery.css(property, value) 导致 404 not found 错误

Question

这是我遇到的错误:

GET http://localhost:8888/assets/gifs/ajax-loader.gif 404 (Not Found)

这是我的代码:

$("#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");