WordPress : Mon jquery javascript ne fonctionne pas ?

Publié par Jean-Michel le

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!

Lire également:  Wordpress : Comment différer conditionnellement les scripts en fonction du nom de la page ?

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 trueparamè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/

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *