phpでincludeするとフッターに入れた java scriptが効かなくなる、、、

Question

前提・実現したいこと

「スマホの全ページでドロワーメニューを使えるようにしたいです。」

CMSを使わず、Webサイトをつくっております。
更新を簡単にするため、
ヘッダー、フッターにphpのincludeをいれています。

スマホ（レスポンシブサイト）にドロワーメニューをいれるため、
フッターにドロワーメニュー用のJava Scriptを入れたのですが、
ページの階層によって、反応しなくなります。

※現在、Java Scriptがトップページ以外で効かない状態です、、、。

発生している問題・エラーメッセージ

トップページ以外、ハンバーガーメニューをタップしても反応しない。

該当のソースコード

反映させたい各ページに設置
<?php include("./../footer.php"); ?>

フッターに設置
<footer>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!--　スマホ用ドロワーメニュー -->
  <script src="./zdo_drawer_menu.js"></script>  <!--　スマホ用ドロワーメニュー -->
  <div class="footer-wrapper">
   ・
   ・
   ・
</footer>
</html>

補足情報（FW/ツールのバージョンなど）

FTPにアップしている階層は下記になります。

トップページ
ヘッダー用PHPのファイル
フッター用PHPのファイル
反映させたいページ
反映させたいページ
反映させたいページ
・
・
・
JSフォルダ
ー 該当するJSファイル

Answer 1

./zdo_drawer_menu.jsをhttpから始まるURLで記述するか、ルートからのパス（/zdo_drawer_menu.js）にするか、どちらかしてみてください。

【絶対パス、相対パス、ルートパスの違いってなに？メリット・デメリットは？ | FASTCODING BLOG】
https://fastcoding.jp/blog/all/frontend/path/

Comments

[t498]

ありがとうございます！！
昨日1日悩んでたのでとても嬉しいです。