Обьясните, почему не работает анимация гамбургера, вроде бы все правильно.
<head>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/hamburgers.css">
<link rel="stylesheet" href="css/jquery.mmenu.all.css">
</head>
<a href="#my-menu" class="hamburger hamburger--arrow">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</a>
<script src="js/vendor/jquery-3.3.1.min.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery.mmenu.all.js"></script>
$(function() {
$('#my-menu').mmenu({
extensions: [ 'widescreen', 'effect-menu-slide', "theme-dark", 'pagedim-black' ],
navbar: {
title: 'CodeOcean'
},
navbars: [
{
"position": "bottom",
"content": [
"<a class='fa fa-envelope' href='#/'></a>"
]
}
]
});
var api = $('#my-menu').data('mmenu');
api.bind('opened', function() {
$('.hamburger').addClass('is-active');
}).bind('closed', function() {
$('.hamburger').removeClass('is-active');
});
});
Простой