WordPress : Mon jquery javascript ne fonctionne pas ?
J’essaie de faire une navigation mobile pour mon site. Cependant, le code jquery ne fonctionnera pas. Vous pouvez voir ce que j’essaye de faire ici : jsfiddle.
J’ai le html dans mon header.php après la balise body, css dans mon style.css
Pour javascript je l’ai mis en file d’attente dans mes fonctions php :
wp_enqueue_script( 'test', get_template_directory_uri() . '/js/testJS.js', array('jquery'), true );
Dans mon testJS.js j’ai ce code :
( function( $ ) {
$(".mobileButton").click(function(){
$(this).toggleClass("toggle");
});
} )( jQuery );
Mais quand je clique sur le bouton rien ne se passe contrairement à mon jsfiddle. Quelqu’un peut-il me dire ce que j’ai fait de mal? Merci d’avance!
Solution n°1 trouvée
Essayez de charger votre script dans le pied de page :
wp_enqueue_script( 'test', get_template_directory_uri() . '/js/testJS.js', array('jquery'), false, true );`
Le true
paramètre à la fin indique à WordPress de charger ce script dans le pied de page au lieu de l’en-tête.
Pour plus d’informations, visitez le Codex : https://developer.wordpress.org/reference/functions/wp_enqueue_script/
0 commentaire