jquery - 使用 jQuery 更改背景图像

Question

我正在尝试使用 jQuery 更改表格单元格中的背景图像，表格单元格有自己的“.active”类。我正在使用 jQuery 更改同一位置的其他元素，它们都工作正常，所以我认为我的语法一定有问题。我正在使用的功能在单击按钮后执行。我的代码:

function vehicle(arg){
  $(".active").css("color", "blue");  
  $(".active").css("background-image", "url(../img/car.png)");
};

CSS:

.active{
  background-size: 10px 10px;
  background-repeat: no-repeat;
  border-right: 1px solid none;

第一行执行正常，我尝试了以下代码并以我能想到的所有方式更改了图片大小:

   $(".active").css("background-image", "../img/car.png");
   $(".active").css("background-image", "url('../img/car.png')");

谁能指出我做错了什么？

Answer 1

您需要将 .css() 放在页面的相对位置。所以尝试:

$(".active").css("background-image", "url('img/car.png')");

假设 img/ 与页面位于同一目录中，这应该可行。否则使用根的相对路径。