【js】ハンバーガーメニューでうまくいかんかったやつ

自分用メモ

ハンバーガーメニューの表示非表示に下記のコードを入れてた。
けど、PCで普通のメニューが表示されてる状態からウィンドウ幅をうにうにするとハンバーガーボタンが出てるのに押せない。

だめ.js

$(window).on("load", function() {
    var w = $(window).width();
    var x = 1024;
    if (w <= x) { //1024px以下

$(function(){
    console.debug('ハンバーガー開始');
    $('.ハンバーガーボタン').click(function(){
    $('.ハンバーガーメニュー,.ハンバーガーボタン,body').toggleClass('f_js-open'); 
    });
    console.debug('ハンバーガー終わり');
    });
    } else { //1024px以上
    console.debug('PCでちゅわ');
    }
});

修正したやつ。$(window).on("load", function() {もいらないかも。
jsはページ読み込んだ時にだけ読まれるから、ウィンドウ幅変わっても横幅取得しなくてずっと「PCでちゅわ」になってるんだべと先輩に教えてもらいました。
CSSと同じとおもったらだめだべ雑魚まんじゅう〜。

いい.js

$(window).on("load", function() {
    // var w = $(window).width();
    // var x = 1024;
    // if (w <= x) { //1024px以下

$(function(){
    console.debug('ハンバーガー開始');
    $('.ハンバーガーボタン').click(function(){
    $('..ハンバーガーメニュー,.ハンバーガーボタン,body').toggleClass('f_js-open'); 
    });
    console.debug('ハンバーガー終わり');
    });
 //    } else { //1024px以上
    // console.debug('PCでちゅわ');
 //    }
});