更改背景图片网址

Question

我正在尝试使用jquery更改输入按钮的背景，但为了我自己的生命，无法弄清楚使其工作的相对路径。

js文件位于root / js文件夹中css文件位于root / css文件夹中

我的代码如下所示：

jQuery($button).css('background',"url(../images/updating_button.gif)");

但这根本行不通...无法找到具有该路径的图像。 如果我使用绝对路径，则显然可以，但是我确实需要相对路径。

我尝试了所有我知道的组合：
/images/updating_button.gif
..images / updating_button.gif
图片/ updating_button.gif
updating_button.gif

Answer 1

如果URL是静态的，则可以在后台声明一个类并维护您的相对路径。

在您的CSS中：

.updating { background: url(../images/updating_button.gif); }

在您的JS中：

jQuery($button).addClass('updating');

Answer 2

您知道任何内联样式的路径（无论是否使用JS设置）都将相对于当前HTML文档（浏览器URL栏上的URL），而不是其他文件，对吗？

以及为什么要避免使用绝对（或相对于域）URL？

Answer 3

以下代码可能对您有用：

 jquery("button").css("background-image","url(menubar/ajax-loader.gif)");

Answer 4

我希望可以为您测试一下，但是过去url属性有一些问题； 在相对路径中，在url()添加单引号被证明是最可靠的。

jQuery($button).css('background',"url('../images/updating_button.gif')");

另外，您的文件结构是什么样的？