在页面加载时默认打开汉堡菜单

Question

以下是我的代码，默认情况下会显示一个封闭的汉堡包菜单或图标。如何在页面加载时默认打开汉堡包菜单？

$(document).ready(function () {
    var trigger = $('.hamburger'),
      overlay = $('.overlay'),
     isClosed = false;

    trigger.click(function () {
      hamburger_cross();      
    });

    function hamburger_cross() {    

      if (isClosed == true) {         
        overlay.hide();
        trigger.removeClass('is-open');
        trigger.addClass('is-closed');
        isClosed = false;
      } else {   
        overlay.show();
        trigger.removeClass('is-closed');
        trigger.addClass('is-open');
        isClosed = true;
      }
     }

    $('[data-toggle="offcanvas"]').click(function () {
        $('#wrapper').toggleClass('toggled');
    });  
    });

Answer 1

您可以在hamburger_cross();之后运行您的函数$(document).ready(function () {，或者在变量声明之后以更传统的方式运行。