2011-08-18 55 views
0
$('#areaView').css('background-image', 'url(/areaNr1.jpg)'); 

我不知道該說什麼,我不知道爲什麼這段代碼不起作用。舊的背景圖像消失,但新的背景圖像從未出現。用jQuery改變背景圖片 - 不起作用

我已經檢查和areaNr1.jpg與代碼存在於同一個文件夾中。雖然這個函數並不在#areaView的同一個文件夾中,但是這不重要,對吧?

任何想法,爲什麼這不起作用?

感謝您的幫助!

+2

你有在'{您的域名}圖像/ areaNr1.jpg'? –

+0

我提供的代碼位於mydomain.com/jQuery/myfile.js中,圖像也位於該文件夾中。 – Daniel

+0

然後這裏是你的問題:你的腳本指向mydomain.com/areaNr1.jpg當(據我所知)你的文件是mydomain.com/jQuery/areaNr1.jpg – red

回答

0

我提供的代碼位於mydomain.com/jQuery/myfile.js中,圖像也位於該文件夾中。

然後,您不得在URL前加上/ - 這會使其指向Web根目錄。

只使用areaNr1.jpg - 請注意,在這種情況下,URL將與HTML文件相關,而不是JS文件,因此您可能需要進一步更改路徑。

0

您需要引用參數URL():

$('#areaView').css('background-image', 'url("/areaNr1.jpg")'); 
+2

不可以,如果URL不包含空格,則引號是可選的 –

0

由於圖像是在mydomain.com/jQuery/areaNr1.jpg,你需要包含的文件夾了。如果它是CSS,你可以使它相對於CSS的文件夾,但不是與JS。

$('#areaView').css('background-image', 'url("jQuery/areaNr1.jpg")'); 
+0

如果HTML文件位於其他位置,則不起作用 –

0

如果運行jQuery的html文件是在同一文件夾作爲你的形象嘗試:

$('#areaView').css("background", "url('areaNr1.jpg')"); 

如果圖像文件夾中這將是

$('#areaView').css("background", "url('folder/areaNr1.jpg')"); 

或者如果它在上面的目錄中

$('#areaView').css("background", "url('../areaNr1.jpg')"); 

如果圖像位於/ JQuery,那麼html文件在哪裏?

0
$('#areaView').css('background-image', 'url(/jQuery/areaNr1.jpg)'); 

這可能解決問題