我正在尝试使用 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')");
谁能指出我做错了什么?
最佳答案
您需要将 .css()
放在页面的相对位置。所以尝试:
$(".active").css("background-image", "url('img/car.png')");
假设 img/
与页面位于同一目录中,这应该可行。否则使用根的相对路径。
关于jquery - 使用 jQuery 更改背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35266688/