Javascript 用jQuery替换背景图像时未找到图像

作为概念证明，我尝试使用jQuery更改div的背景图像，并使用与原始图像相同的图像

最初的css是：

CSS

包装器中的jQuery：

$('.content').css("background-image", 'url(test.jpg)');

$('.content').css("background-image", 'url("test.jpg")');

我可以看到jQuery启动得很好，并替换了图像（并在Firebug中验证了CSS完全相同），但由于某种原因，在jQuery启动后，浏览器“无法加载图像”

计算的CSS完全相同。如果我取消选择jQuery抛出的内联规则，则旧规则将被激活，并显示图像

---

为什么浏览器在内嵌时与在CSS文件中时对规则的处理会有所不同？

您的jQuery中有一个输入错误：

$('.content').css("background-image", 'url(test.jpg)');

应该是：

---

您的jQuery中有一个输入错误：

$('.content').css("background-image", 'url(test.jpg)');

应该是：

---

您的jQuery中有一个输入错误：

$('.content').css("background-image", 'url(test.jpg)');

应该是：

---

您的jQuery中有一个输入错误：

$('.content').css("background-image", 'url(test.jpg)');

应该是：

取代

$('.content').css("background-image", 'url("test.jpg")');

请注意缺少引号

取代

$('.content').css("background-image", 'url("test.jpg")');

请注意缺少引号

取代

$('.content').css("background-image", 'url("test.jpg")');

请注意缺少引号

取代

$('.content').css("background-image", 'url("test.jpg")');

---

请注意缺少引号。

缺少引号不是问题所在问题是图像的路径

如果图像与页面位于同一文件夹中，则可以使用

test.jpg

如果图像位于站点上的其他文件夹中，则需要包括该图像的相对路径：

$('.content').css("background-image", 'url(../images/test.jpg)');

---

缺少的引号不是问题所在问题是图像的路径

如果图像与页面位于同一文件夹中，则可以使用

test.jpg

如果图像位于站点上的其他文件夹中，则需要包括该图像的相对路径：

$('.content').css("background-image", 'url(../images/test.jpg)');

---

缺少的引号不是问题所在问题是图像的路径

如果图像与页面位于同一文件夹中，则可以使用

test.jpg

如果图像位于站点上的其他文件夹中，则需要包括该图像的相对路径：

$('.content').css("background-image", 'url(../images/test.jpg)');

---

缺少的引号不是问题所在问题是图像的路径

如果图像与页面位于同一文件夹中，则可以使用

test.jpg

如果图像位于站点上的其他文件夹中，则需要包括该图像的相对路径：

$('.content').css("background-image", 'url(../images/test.jpg)');

---

---

nada-相对路径无法解决问题。我的资产按图像、js和css划分。如果CSS路径有效，我希望JS中的路径完全相同。不，一旦HTML页面呈现，并且您想要更改背景图像，图像路径需要相对于HTML页面，而不是CSS页面。我需要相对根，但相对根是“url（../assets/test.jpg）”；以前，我尝试过“url（../assets/images/test.jpg）”；，但这不起作用——我猜Rails会将所有资产编译到一个单独的资产文件夹中。nada——相对路径并不能解决问题。我的资产按图像、js和css划分。如果CSS路径有效，我希望JS中的路径完全相同。不，一旦HTML页面呈现，并且您想要更改背景图像，图像路径需要相对于HTML页面，而不是CSS页面。我需要相对根，但相对根是“url（../assets/test.jpg）”；以前，我尝试过“url（../assets/images/test.jpg）”；，但这不起作用——我猜Rails会将所有资产编译到一个单独的资产文件夹中。nada——相对路径并不能解决问题。我的资产按图像、js和css划分。如果CSS路径有效，我希望JS中的路径完全相同。不，一旦HTML页面呈现，并且您想要更改背景图像，图像路径需要相对于HTML页面，而不是CSS页面。我需要相对根，但相对根是“url（../assets/test.jpg）”；以前，我尝试过“url（../assets/images/test.jpg）”；，但这不起作用——我猜Rails会将所有资产编译到一个单独的资产文件夹中。nada——相对路径并不能解决问题。我的资产按图像、js和css划分。如果CSS路径有效，我希望JS中的路径完全相同。不，一旦HTML页面呈现，并且您想要更改背景图像，图像路径需要相对于HTML页面，而不是CSS页面。我需要相对根，但相对根是“url（../assets/test.jpg）”；以前，我尝试过“url（../assets/images/test.jpg）”；，但这不起作用-我猜Rails会将所有资源编译到一个单独的资源文件夹中。我删除了引号以使其正常工作-它不会改变任何内容将它们添加回去。@ajain您是否检查了控制台以查看路径是否正确？记住，jquery中的相对根可能与CSS/HTML不同。如果此操作不起作用，则可能是JS错误，或者文件位置不正确。我删除了引号以使其正常工作-添加它们不会改变任何内容。@a您是否检查了控制台以查看路径是否正确？记住，jquery中的相对根可能与CSS/HTML不同。如果此操作不起作用，则可能是JS错误，或者文件位置不正确。我删除了引号以使其正常工作-添加它们不会改变任何内容。@a您是否检查了控制台以查看路径是否正确？记住，jquery中的相对根可能与CSS/HTML不同。如果此操作不起作用，则可能是JS错误，或者文件位置不正确。我删除了引号以使其正常工作-添加它们不会改变任何内容。@a您是否检查了控制台以查看路径是否正确？记住，相对根可能与j中的根不同