默认情况下，在页面加载时打开汉堡菜单

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

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