jQuery モバイル ページの後に外部 JS が読み込まれない原因の分析と解決策

jQuery Mobile を使用した Web 開発で、ページがジャンプしたとき (pageA => pageB)、pageB で参照されている JS が正常に実行されません。なぜなら、JQM はページ全体を現在の dom にロードするのではなく、data-role="page" 要素を現在の dom に追加するだけだからです。

そのため、

で導入した外部 JS ファイルや タグの外側の JS は正常に動作せず、ページを更新すると正常に読み込まれるようになります。

JQM のこの機能は積極的に変更される可能性は低いため、 これを解決するには 2 つの方法があります :
まず、使用する必要があるすべての外部 JS ファイルをインデックスに登録しますまたは、マスター ページを使用して統合します。
2 つ目は、ページがどのようにジャンプしても実行できるように、data-role="page" タグの下にページの内部 JS を記述することです。