以前、本ブログで書いた内容を転載します。
jQueryでヘッダー、フッターを共通パーツにしてみました。
こちらの方のやり方を参考にさせていただいたのですが・・・・
ドロップダウンメニューが押せませんでした…。
こちらの記事の方にもアドバイスをいただいたにも関わらず解決せず…。
ちなみに読み込みの順番に問題があるのではないか?
コールバックするかパーツのhtml末尾にscriptを記述するかとのアドバイスをいただいたんですが、解決せず…。
そしていろいろ調べつくしてみたところ・・・・
$(function() {
を
$(window).on("load", function(){
に変更したら動きました!!
どうもjQueryのバージョン(3→4)が変わって記述が変わったっぽいです。
ちなみにhtml末尾にscriptも入れてます。
そして今度はハンバーガーメニューが動かないというトラブルもあったんですが、それはBootstrapの記述ミスでした…。
PHPでやり直そうか、Dreamweaverのライブラリを使おうかといろいろ考えたんですが、ちゃんと動くとこのやり方が簡単そうなのかなと思いました!