jQuery を使用して 1 ページの Web サイトを作成しようとしています。そのため、すべての css/jquery ファイルが含まれているマスター index.html ファイルと、その index.html 内に、他のページからのすべての html を配置する div( div id="page" ) があると考えました。
そして、次の問題がありました。index.html に含めたい「サブページ」の 1 つに JavaScript が必要な場合、すべてのスクリプトを index.html ではなく、そのサブページに含める必要がありました。各「サブページ」に何度も同じスクリプトを含めたくないので、これは大きな問題です。
$.get 関数を使用してこれを行い、次に $('...').html(...) を使用して解決策を探しましたが、解決策が見つかりませんでした。どうすればこれを行うことができるかについて誰かが考えていましたか?
/** 編集 **/ 理解を深めるために、メニュー ul li を検索し、href からすべてのリンクを取得して配列に配置します。その後、その配列内の各リンクについて、html コードを取得し、変数に格納します。
allMenuLinks = ['about','gallery',etc]
howManyLinksInMenu = allMenuLinks.length;
$.each(allMenuLinks, function(index, page) {
$.get("pages/" + ページ + ".html", function(content) {
pagesContent[ページ] = コンテンツ;
howManyLinksInMenu = howManyLinksInMenu - 1;
howManyLinksInMenu == 0 ? changePage(): '' ;
}, "html")
}))
そして changePage には、いくつかのアニメーションを含む $('#page').html(pagesContent[page]) があります。