Je convertis mon site Web HTML statique en wordpress et certaines images ne s'affichent pas. C'est parce que j'utilise Jquery pour changer le "src" de mon image. maintenant dans mon index.php j'ai ajouté bloginfo ('template_url') dans chaque image src. Mon problème est que je ne sais pas comment l'appeler dans Jquery.
Dans mon code php, il ressemble à ceci
$("img").attr("src","images/logo-light.png");
et
dans mon code JS j'y accède comme ceci
<img src="<?php bloginfo('template_url'); ?>/images/logo-dark.png">
Comment appeler le dans JQuery? TYIA
4 Réponses :
$("img").attr("src","<?php bloginfo('template_url') ?>images/logo-light.png")
Cela peut faire ceci:
$("img").attr("src","<?php bloginfo('template_url'); ?>/images/logo-light.png");
Il affiche sous forme de texte
Vous pouvez utiliser wp_localize_script qui vous permet d'accéder aux données php dans un fichier JavaScript.
Enregistrez d'abord votre script en utilisant wp_enqueue_script
$("img").attr("src", themeObj.logo_dark);
Si vous souhaitez utiliser votre fonction php dans le bloc jQuery de votre fichier .php, vous pouvez utiliser le code que @vaibhav et @elraphty ont indiqué
$("img").attr("src",baseImgurl+"/images/logo-light.png");
Et si vous voulez utiliser dans le fichier .js, vous devez attribuer une variable dans la balise head
<script>
var baseImgurl = '<?php bloginfo('template_url'); ?>';
</script>
puis l'utiliser dans le fichier .js
$("img").attr("src","<?php bloginfo('template_url'); ?>/images/logo-light.png");
Essayez
$ ("img"). Attr ("src", " Images / logo-light.png");