0

我正在尝试使用 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]) 和一些动画。
4

1 回答 1

0

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

http://www.smarty.net/

于 2012-12-10T16:47:28.777 回答