Bonjour, j'ai un petit problème avec l'intégration d'un bout de code javascript pour un menu responsive, c'est pour changer la classe de mon body en overflow hidden. pour le code source je vous laisse regarder sur mon site http://serieoff.olympe.in/test/ c'est pour le style500.css

$(document).ready(function(){
 
    $('#menu').click(function(){
        $(body).css({overflow:hidden});
    });
 
});

et voila à quel code j'essaye de l'intégrer.

(function($){

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

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

})(jQuery);

Je vous remercie d'avance de votre aide.

salut,

voila le code

$(document).ready(function(){
  $('#menu').click(function(){
    $(body).css({overflow:hidden});
  });
  
  $('#header_hamburger').click(function(e){
    e.preventDefault();
    $('body').toggleClass('with-sidebar');
  });
 
  $('#site-cache').click(function(e){
    $('body').removeClass('with-sidebar');
  });
});

a l'intérieur de $(document).ready(); tu met toute les fonction qui ce lance quand la page est charger

met

$('body').css({overflow:hidden});

a la place

j'ai mis ça et ça ne marche toujours pas.

$(document).ready(function(){
  
   $('#header_hamburger').click(function(e){
    e.preventDefault();
    $('body').toggleClass('with-sidebar');
  });
  $('.with-sidebar').click(function(){
    $('body').css({overflow:hidden});
  });
  $('#site-cache').click(function(e){
    $('body').removeClass('with-sidebar');
  });
    
});

-
Edité par fredm1309 4 juillet 2015 à 12:02:35

    $('body').css({"overflow": "hidden"});

-
Edité par Anonyme 4 juillet 2015 à 12:20:46