更改背景圖片網址

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')");

另外，您的文件結構是什么樣的？