我正在尝试使用 jQuery 制作一个单页网站。所以我想有一个主 index.html 文件,其中包含所有 css/jquery 文件,并在该 index.html 中,一个 div( div id="page" ) 我将其他页面中的所有 html 放在其中。
然后我遇到了以下问题:如果我想要包含在 index.html 中的“子页面”之一需要 javascript,我需要将所有脚本包含到该子页面中,而不是 index.html 中。这是一个大问题,因为我不想在每个“子页面”中一遍又一遍地包含相同的脚本。
我已经使用 $.get 函数来执行此操作,然后使用 $('...').html(...) 我在 Google 上搜索了很多解决方案,但找不到。有没有人知道我该怎么做?
/** 编辑 **/ 为了更好地理解:我正在搜索我的菜单 ul li 并从 href 中获取所有链接并将它们放入一个数组中。之后对于该数组中的每个链接,我得到了 html 代码和将其存储在变量中。
allMenuLinks = ['关于','画廊'等] howManyLinksInMenu = allMenuLinks.length; $.each(allMenuLinks, function(index, page) { $.get("pages/" + page + ".html", function(content) { pagesContent[page] = 内容; howManyLinksInMenu = howManyLinksInMenu - 1; howManyLinksInMenu == 0 ?更改页面():''; }, "html") }) 在 changePage 我有 $('#page').html(pagesContent[page]) 和一些动画。