共通部分化したハンバーガーメニューを再度機能させたい

実現したいこと/発生している問題

現在自作でWordPress化を進めています。
これまではheaderの中身をfront-page.phpに記載していたのですが、テンプレートフォルダを作成し、ハンバーガーメニューの中身をhamburger.phpというファイルに記載をするという流れで共通化した後から動かなくなってしまいました。
これまで同様に動かしたいです。

使用しているコード

自分でtemplates_partsというフォルダを作成し、その中にhamberger.phpというコードを作成しこのように記載をしています。

hamberger.php

php
1<body <?php body_class(); ?>>
2  <header <?php if ( is_home() || is_front_page() ) : ?> class="header js-header" <?php else: ?> class="header js-header linkPage__header" <?php endif; ?>>
3      <div class="header__inner inner">
4        <a href="<?php echo home_url(""); ?>" class="header__title js-header__title header__titleColor">MD&nbsp;evolutions</a>  
5      </div>
6    </header>
7    <main>
8      <div class="hamburger js-hamburger">
9        <span class="hamburger__line js-hamburger__line"></span>
10        <span class="hamburger__line js-hamburger__line"></span>
11        <span class="hamburger__line js-hamburger__line"></span>
12      </div>
13      <div class="drawer js-drawer">
14        <div class="drawer__inner">
15          <div class="drawer__items">
16            <a href="<?php echo home_url("/vision"); ?>" class="drawer__itemLink">vision</a>
17            <a href="<?php echo home_url("/service"); ?>" class="drawer__itemLink">service</a>
18            <a href="<?php echo home_url("/news"); ?>" class="drawer__itemLink">news</a>
19            <a href="<?php echo home_url("/company"); ?>" class="drawer__itemLink">company</a>
20            <a href="<?php echo home_url("/works"); ?>" class="drawer__itemLink">works</a>
21            <a href="<?php echo home_url("/contact"); ?>" class="drawer__itemLink">contact</a>
22            <ul class="drawer__iconBox">
23              <li class="drawer__icon"><i class="fa-brands fa-facebook-f"></i></li>
24              <li class="drawer__icon"><i class="fa-brands fa-twitter icon__custom"></i></li>
25            </ul>
26            </div>
27        </div>
28      </div>

Javascript
1//ハンバーガーボタン
2$(".js-hamburger").click(function(){
3  $(".js-hamburger__line").toggleClass("is-active");
4  $(".js-drawer").toggleClass("slide");
5  $(".js-header__title").toggleClass("color__change");
6  $(".body").toggleClass("active");
7  });
8$(".drawer").click(function(){
9  $(".js-hamburger__line").removeClass("is-active");
10  $(".js-drawer").removeClass("slide");
11  $(".body").removeClassClass("active");
12});