一页的网站 - 将html文件包含在“主”html中

时间:2012-12-10 16:45:32

标签: jquery

我正在尝试使用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.

1 个答案:

答案 0 :(得分:0)

您正在寻找的是模板引擎,如:

http://www.smarty.net/