Comment définir correctement l'image d'arrière-plan dans jQuery à l'aide d'une URL d'image ?

Ajustement de la propriété CSS jQuery pour l'image d'arrière-plan

Dans le contexte de la manipulation des propriétés CSS jQuery, la définition de l'image d'arrière-plan rencontre souvent des défis. Voici un problème courant et sa solution :

Problème :
Vous possédez une URL d'image stockée dans la variable imageUrl et souhaitez l'attribuer en tant que style CSS via jQuery. Cependant, ce qui suit ne semble pas fonctionner comme prévu :

$('myObject').css('background-image', imageUrl);

Après vérification avec console.log($('myObject').css('background-image')), la valeur renvoyée est aucun. Le résultat attendu était que l'URL soit définie comme image d'arrière-plan.

Solution :
Pour définir correctement une image d'arrière-plan à l'aide de jQuery, vous devez mettre l'URL entre guillemets ( simple ou double) et utilisez la fonction 'url()', comme vu ci-dessous :

$('myObject').css('background-image', 'url(' + imageUrl + ')');

En incorporant ces modifications, l'imageUrl servira correctement comme image d'arrière-plan pour le myObject désigné.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!