使用jQuery更改背景图像 - 不起作用

时间:2011-08-18 11:13:59

标签: jquery

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

我不知道该说什么,我不知道为什么这段代码不起作用。旧的背景图像消失了,但新的背景图像永远不会出现。

我已经检查过,并且areaNr1.jpg存在于与代码相同的文件夹中。虽然该功能与#areaView不在同一文件夹中,但这不重要,对吗?

为什么这不起作用的任何想法?

感谢您的帮助!

5 个答案:

答案 0 :(得分:0)

您需要将参数引用到url():

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

答案 1 :(得分:0)

由于图片位于mydomain.com/jQuery/areaNr1.jpg,因此您还需要包含该文件夹。如果它是CSS,你可以使它相对于CSS的文件夹,但不是JS。

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

答案 2 :(得分:0)

如果运行jQuery的html文件与图像位于同一文件夹中,请尝试:

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

如果图像在文件夹中,则为

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

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

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

如果图像在/ JQuery中,哪里是html文件?

答案 3 :(得分:0)

  

我提供的代码在mydomain.com/jQuery/myfile.js中,图片也在该文件夹中。

然后,您不能在网址前加上/ - 这会使其指向网络根目录。

仅使用areaNr1.jpg - 请注意,URL将与HTML文件相关,而不是本文中的JS文件,因此您可能需要进一步更改路径。

答案 4 :(得分:0)

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

这可能会解决问题