Maison > interface Web > Questions et réponses frontales > Que faire si jquery n'affiche pas l'arrière-plan de l'image

Que faire si jquery n'affiche pas l'arrière-plan de l'image

藏色散人
Libérer: 2023-02-07 10:26:28
original
1729 Les gens l'ont consulté

jquery n'affiche pas l'arrière-plan de l'image car le chemin est incorrect. La solution : 1. Ouvrez le fichier js correspondant ; 2. Passez "let src='clock/img/afternoon.png';them_icons.css('background' , 'url('+src+')')" pour réinitialiser l'image d'arrière-plan.

Que faire si jquery n'affiche pas l'arrière-plan de l'image

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 3.2.1, ordinateur DELL G3

Que dois-je faire si jquery n'affiche pas le fond de l'image ?

En jquery, l'image définie n'est pas affichée.

En jquery, l'image d'arrière-plan définie n'est pas affichée

let src='clock/img/afternoon.png';
them_icons.css('background','url('+src+')')
Copier après la connexion

Le problème principal réside dans le chemin relatif est le chemin du fichier html par rapport au. image, pas le chemin du fichier js par rapport à l'image.

Extension des connaissances associées :

jq implémente le remplacement d'image en cliquant sur un bouton

Que faire si jquery naffiche pas larrière-plan de limage

Code jq ci-joint :

$(function(){
$("#btn1").click(function(){
$("img").attr("src","img/01.jpg")
})
$("#btn2").click(function(){
$("img").attr("src","img/02.jpg")
})
$("#btn3").click(function(){
$("img").attr("src","img/03.jpg")
})
});
Copier après la connexion

Apprentissage recommandé : "Tutoriel vidéo jQuery"

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal