使用jQuery CSS属性更改背景图像无效

我尝试了投票最多的答案，但它对我不起作用

他说：

你可能想要这个（使它像一个普通的CSS背景图像） 声明）：

以下是JS代码：

$('.icon-menuoption').click(function() {

$('.menu').animate({
  left: "-285px"
}, 200);


$('body').animate({
  left: "0px"
}, 200);

$('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')');

});

菜单和身体像他们想象的那样移动，但巨无霸的背景图像却没有。我在images目录中有bg_v3.png图像，它与这个JS代码在同一个目录中

没有这一部分：

$('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')');

它做了它应该做的，但我还想更改

背景图像

注：我是一个彻头彻尾的傻瓜。我通过codeacademy学习，对JS、jQuery和CSS知之甚少，所以请尽量详细

---

谢谢大家!

在这行代码中，有两件事需要纠正：

$('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')');

首先，选择器

$（'jumbotron'）

不会选择任何元素。它返回

null

，因此调用

.css

函数将导致错误。如果目标元素具有

ID='jumbotron'

，则选择器应更改为

$（'#jumbotron'）

。如果该元素的CSS类为

.jumbotron

，则选择器应为

$（'.jumbotron'）

---

其次，您的

'url（'+/images/bg_v3.png++'）

部分也会导致另一个错误。这应该是

'url（/images/bg_v3.png）

在这行代码中，有两件事需要更正：

$('jumbotron').css('background-image', 'url(' + /images/bg_v3.png + ')');

首先，选择器

$（'jumbotron'）

不会选择任何元素。它返回

null

，因此调用

.css

函数将导致错误。如果目标元素具有

ID='jumbotron'

，则选择器应更改为

$（'#jumbotron'）

。如果该元素的CSS类为

.jumbotron

，则选择器应为

$（'.jumbotron'）

---

其次，您的

'url（'+/images/bg_v3.png++'）

部分也会导致另一个错误。这应该是

'url（/images/bg_v3.png）

您的标记看起来像什么$（'jumbotron'）不是一个正确的选择器，除非您实际上有一个可能想要的标记$（'.jumbotron'）。您不能执行

'url（'+/images/bg_v3.png+'）

JavaScript解释器将尝试将

/images/bg_v3.png

作为变量进行解析。您应该只使用

'url（“/images/bg_v3.png”）

。在您引用的示例中，

imageUrl

是一个变量。您的标记看起来像什么$（'jumbotron'）不是一个正确的选择器，除非您实际上有一个可能想要的标记$（'.jumbotron'）。您不能执行

'url（'+/images/bg_v3.png+'）

JavaScript解释器将尝试将

/images/bg_v3.png

作为变量进行解析。您应该只使用

'url（“/images/bg_v3.png”）

。在您引用的示例中，

imageUrl

是一个变量。谢谢！！最后，我唯一需要改变的是纠正我必须做的：$（'.jumbotron'）所以这是你编程时的一次，你在脑子里思考了几个小时，想知道自己做错了什么，最后你所要做的就是加上一个点。我觉得这很有趣。再次感谢！非常感谢。最后，我唯一需要改变的是纠正我必须做的：$（'.jumbotron'）所以这是你编程时的一次，你在脑子里思考了几个小时，想知道自己做错了什么，最后你所要做的就是加上一个点。我觉得这很有趣。再次感谢！