我正在尝试使用jQuery创建一个单页的网站。所以我想有一个主index.html文件,其中包含所有css / jquery文件,并在index.html内,div(div id =“page”),其中我放置了其他页面中的所有html。
然后我遇到了以下问题:如果我希望将其中一个“子页面”包含到我的index.html中,需要javascript,我需要将所有脚本包含到该子页面中,而不是包含在索引中html的。这是一个很大的问题,因为我不想在每个“子页面”中反复包含相同的脚本。
我使用$ .get函数执行此操作然后使用$('...')。html(...) 我用谷歌搜索了很多寻找解决方案,但找不到解决方案。有没有人知道我该怎么做?
/ **编辑** / 为了更好地理解:我正在搜索我的菜单ul li并从href获取所有链接并将它们放在一个数组中。之后,对于该数组中的每个链接,我获取html代码并将其存储在变量中。 / p>
allMenuLinks = ['about','gallery',etc] howManyLinksInMenu = allMenuLinks.length; $.each(allMenuLinks, function(index, page) { $.get("pages/" + page + ".html", function(content) { pagesContent[page] = content; howManyLinksInMenu = howManyLinksInMenu - 1; howManyLinksInMenu == 0 ? changePage() : '' ; }, "html") }) And on changePage i have $('#page').html(pagesContent[page]) with some animations.