loadメソッドを使ってヘッダー、ナビ、フッターを外部化(コールバックで対応する)

前回「loadメソッドを使ってヘッダー、ナビ、フッターを外部化したのだけど・・」
http://pb-masa.at.webry.info/201709/article_1.html

という記事をエントリーしましたが、ナビのプルダウンが上手く動かない時があるのを発見し、修正を余儀なくされました。
また、「fontSizer」(文字を拡大したりするアレ)のJSもヘッダー絡みで動かず、頭を抱えてしましました。
さらに、レスポンシブ対応のはずがウィンドウ幅を狭く(疑似モバイルに)した時のプルダウンも反応しません。

前記事の、

 元>$(document).ready(function() {

 修正>$(window).on('load', function() {

というところを元に戻しました。すると「同期的問題」が残ってしまうので、パーツ化したhtmlにスクリプトを書くのではなく、
loadメソッドに「コールバック」を追加しました。

ヘッダーパーツ読み込み箇所の例:
 $("#Header_p").load("/parts/header_p.html", function (){
 $('#fontSizer a').fontSizer({cookie:true});
 });

プルダウンのJSも同様に
 $("#navi_p").load("/parts/navi_p.html", function (){
 $.getScript("/js/nav.js");
 });
という具合に記述したところ、デバックでエラーを吐かなくなりました。
ちなみに、プルダウンはここの記述だけでは動作せず、パーツ化前に元からhtmlの最後に読み込んであった、
 <script src="/js/nav.js"></script>
もそのままにしています。(こうすると動くので)

やれやれです。