1480 sujets

Web Mobile et responsive web design

Bonjour,

Je viens vers vous car je subis un bug assez déroutant. En fait, j'ai ajouté un code jQuery pour rendre mon menu responsive. J'ai fais au plus simple : un bouton "menu" qui affiche le menu quand on appuie dessus.

Seulement voilà, quand on "resize" la page du navigateur, ou qu'on passe de paysage à portrait (et vice verça) sur mobile, le menu ne s'ouvre plus, sauf si on refresh. Ce qui n'est vraiment pas top Smiley ohwell d'autant plus que sur navigateur, quand on insiste un peu, parfois ça s'ouvre..

Pour le test, vous pouvez le voir sur le site directement :
http://www.bestinvestment.be

Et pour le code JS :

$(document).ready(function () {
    menuResponsive();
});
function menuResponsive(){
    if (($(window).width())<= 900) {
        $(window).on('resize', function() {
            $(".toggle").stop().on('click',function() {
             event.preventDefault();
             $("nav .menu").stop().slideToggle(400);
         });
        });
        $(window).trigger('resize');
    }else {
        $("nav .menu").show();
        $(".toggle").hide();
    };
}


Merci d'avance pour votre aide et bonne soirée Smiley smile
Désolé du double post, mais finalement j'ai su résoudre le problème qui était la fonction "resize" inutile.