impossible de changer l'image de fond en utilisant jquery

Question

J'ai un fichier css dont le chemin est resources/style/test.css et un dossier image dont le chemin est ressources/images/caractères. sur l'utilisation de la classe suivante et 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> 

il me montre l'image nécessaire, mais je veux changer cette image de fond en utilisant jquery et j'écrire l'adresse suivante dans mes conditions

$ ('. Character', this) .css ("background-image", "url (../images/caractères/ 8.png)")

$;

rien n'apparaît à l'écran ..

donc je veux demander ce que devrait être l'URL pour que l'image qui a changé est affiché à l'écran?

Answer 1

en supposant que le fichier html est à la racine, essayez

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

Answer 2

Je suis assez sûr que le problème est votre sélecteur jQuery, essayez de supprimer le contexte param:

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

Answer 3

pour cette syntaxe, vous devez utiliser les noms de propriétés camelCase:

changement

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

à

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