Hello!

J'ai suivis le tuto sur le menu reponsive (https://www.grafikart.fr/tutoriels/html-css/menu-hamburger-responsive-512)
J'ai regardé la vidéo et comme je n'y arrivais pas, j'ai copier/coller les codes proposés. Mon soucis est que quand je clique sur le burger, rien ne se passe. Quand j'ai inspecter l'élément, il n'y a pas de classe qui apparait sur le body... Je pense qu'il y a un truc que j'ai pas top compris pour le coup ^^"

Voici le code du javascript

(function($){

    $('#header__icon').click(function(e){
        e.preventDefault();
        $('body').toggleClass('with--sidebar');
    });

    $('#site-cache').click(function(e){
        $('body').removeClass('with--sidebar');
    })

})(jQuery);

J'ai fais copier/coller, j'ai juste changé les chemins, donc je sais pas si ça apporte quelque chose que je mette les codes. Donc voila, j'arrive pas à faire apparaitre le menu sur le côté ><
Merci d'avance!
Céline.

3 réponses


Benjamin Derepas
Réponse acceptée

As tu importer la librairie jQuery dans ton document ?
Est ce que tu as aussi créer / copier les class spécifiques ?

Lartak
Réponse acceptée

Bonsoir.

J'ai fais copier/coller, j'ai juste changé les chemins

Il est possible que tu aies fais une erreur en spécifiant un/des chemins, vérifies dans la console de l'inspecteur de ton navigateur Web si tu n'as pas d'erreur qui t'es retournée.

Merci à tout les deux, j'ai réussis. Jquery n'était pas bien importer :) (comme c'était un lien internet, je pensais pas qu'il y aurait des erreurs vu que j'avais repris la source du tuto)
Bonne journée!