jquery - 无法使用 jquery 更改背景图像

Question

我有一个路径是资源/样式/test.css 的 css 文件和一个路径是资源/图像/字符的图像文件夹。关于使用以下类和 html

    .character
{
position:relative;
margin-top:-4.8%;
margin-left:85%;
height:51px;
width:51px;
background-color:#e3f4fd;
background-image:url(../images/characters/9.png);
background-position:center;
background-repeat:repeat-y;
}

html:

 <div class="character" style="display:inline-block;">
</div>

它向我显示了所需的图像，但我想使用 jquery 更改此背景图像，并在我的条件下编写以下 url

$('.character', this).css("background-image", "url(../images/characters/8.png)");

屏幕上什么都没有出现..

所以我想问一下 url 应该是什么，以便更改的图像显示在屏幕上？

Answer 1

假设 html 文件位于根目录下，请尝试

$('.character', this).css("background-image", "url(resources/images/characters/8.png)");

Answer 2

我很确定问题出在您的 jQuery 选择器上，请尝试删除上下文参数：

$('.character', this) to $('.character')

Answer 3

对于这种语法，您需要使用 camelCase 属性名称：

改变

$('.character', this).css("background-image", "url(../images/characters/8.png)");

到

$('.character', this).css("backgroundImage", "url(../images/characters/8.png)");