Animation hamburger.css not working, any errors?

M

marcussx2019-04-09 17:10:53

css

marcussx, 2019-04-09 17:10:53

Explain why the hamburger animation does not work, everything seems to be correct.

<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');
  });

});