Tweet
Bonjour,
je suis arrivé à faire mon menu avec ma feuille de style
j'ai réussi à à le caché avec
dès lors que :
@media (max-width: 840px) et mis le hamburger en place
Quand je clic sur le hamberger rien ne se passe.
pourtant dans body j'ai :
dans js :
et la feuille de style contient :
de toute façon l'alert ne s'affiche pas.
Comment faire ?
je suis arrivé à faire mon menu avec ma feuille de style
j'ai réussi à à le caché avec
Code:
transform: translateX(-150px);
@media (max-width: 840px) et mis le hamburger en place
Quand je clic sur le hamberger rien ne se passe.
pourtant dans body j'ai :
Code:
<script data-require="jquery@*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/responsive.js"></script>
Code:
$(function(){
console.log($('#header_icon'));
$('#header_icon').click(function(e){
alert('ok');
e.preventDefault();
$('body').toggleClass('with-sidebar');
});
})(jQuery);
Code:
.with-sidebar{
background-color: #fff;
}
Comment faire ?
Commentaire