Question

我有一个css文件，其路径是resources / style / test.css，以及一个路径为resources / images / characters的图像文件夹。使用以下类和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）”）;

屏幕上没有任何内容..

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

Answer 1

假设html文件位于root，请尝试

$('.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)");

无法使用jquery更改背景图像

3 个答案: