使用jquery来改变css背景图像

Question

我正在尝试使用jQuery更改CSS背景图像，而我正在使用的代码只是重新加载当前图像。 单击li＃menu-item-23时，我希望带有#changeMe类的div切换背景图像

$('li#menu-item-23').click(function(){
  $('#changeMe').css('background-image','url(i/logo4.png)');

});

Answer 1

试试这个

$('#changeMe').css('background-image', 'url("i/logo4.png")');

您需要在url()

中添加双引号

<强> JSFiddle Demo

还要确保图像路径正确...

以下是文件路径的简要说明：

./表示当前目录

../表示当前目录的父目录，而不是根目录

/是根目录

myfile.text位于当前目录中，./myfile.text

也是如此

../myfile.text比您高出一级，/myfile.text位于您的根目录中。