单页网站 - 将html文件包含到“主”html中

我试图用jQuery制作一个单页的网站。所以我想有一个主index.html文件，其中包含所有的css/jquery文件，并且在index.html中有一个div（div id =“page”），其中我放置了其他页面中的所有html。单页网站 - 将html文件包含到“主”html中

然后我有以下问题：如果我想将我的“子页面”包含到我的index.html中，需要javascript，我需要将所有脚本包含到该子页面中，而不是index.html的。这是一个大问题，因为我不想在每个“子页面”中一遍又一遍地包含相同的脚本。我使用$ .get函数来做到这一点，然后$（'...'）。html（...）我GOOGLE了很多搜索解决方案，但找不到一个解决方案。有没有人有一个想法，我怎么能做到这一点？

/**编辑**/ 为了更好的理解：我正在搜索我的菜单ul li并从href中获取所有链接并将它们放入一个数组中。之后，对于该数组中的每个链接，我获取html代码并将其存储在一个变量中。

 
    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.

来源

2012-12-10 Daniel

为什么不直接将您需要顶层的index.html的所有脚本？ –

@Giovanni我已经做到了，但不工作！只有当我将js脚本添加到需要为ex制作动画的html。！ – Daniel

您有可能为我们提供实时链接吗？这样你会得到更多的帮助。 –

你所寻找的是一个模板引擎，如：

http://www.smarty.net/

来源

2012-12-10 16:47:28

谢谢，但我不是寻找一个模板引擎为PHP – Daniel

那么最终建立的行为将不可避免地复制已经通过模板引擎建立的东西。 –

单页网站 - 将html文件包含到“主”html中

回答

相关问题