jQuery Mobile のメソッド changePage は data-role="page" 属性が設定された要素のみをロードするため、プロジェクトで外部の .js ファイルを使用できません。
私が遭遇したいくつかの回避策:
- 最初のページですべての .js を一度に読み込みます。それは完全に機能し、各ページが読み込まれるときにイベントを使用して、異なる .js ファイルで構造化することができます。しかし、それは私には正しく見えません。
- data-role="page" div 内でタグを使用します。それも機能しますが、HTML のランダムな場所に挿入するのが「エレガント」であることがわかりません。
- jQuery を使用して非同期にロードします。新しいページが読み込まれるときにリクエストを行います。欠点: どちらもエレガントではなく、2 つのリクエストが生成されます。
ドキュメントでこの問題に関する情報を見つけることができませんでした。最良のソリューションと見なされるソリューションはどれですか?