0

我正在为使用 .load() 函数创建的网站加载页脚，因此每次进行更改时都不必在每个网站页面上替换它。

我正在使用此代码当前加载它：

$('.footer_load').load('includes/footer.html footer');

但正如我从研究中发现的那样，这只会加载页脚页面的 HTML，而不是我可能在页面中设计的任何脚本标签或动态内容。

例如，我在页脚上有一个自动更新版权年份的标签。

我可以在上面添加什么代码，不仅可以加载页脚的 html，还可以加载该页面中可能存在的任何和所有脚本和动态内容？

帮助！我搜索了高低，并尝试了几个代码，但无法得到任何工作，我对如何在这部分JQuery中编写这个/新手自己编写它感到茫然。提前致谢！

4

1 回答 1

0

为冗长的答案道歉。以下是您可能想要的开始方式。在您的示例中，您提到要加载新的页脚 HTML，然后执行一个脚本来处理已添加到 DOM 的数据；在你的情况下版权。这是我的做法：

将您想要执行的 Javascript 保留在新的页脚 HTML 文件之外。

// Load the new footer html
$("#footer").load("includes/footer.html", function() {

    // Once HTML is loaded, call your script file that manipulates the data.
    $.getScript("scripts/updateCopyRight.js");
});

现在，updateCopyRight.js 会是什么样子？也许是这样的：

// Self executing clojure
(function($) {

    // Change the HTML data with the current year.
    $("#SOME_ID_TO_BE_UPDATED").html(new Date().getFullYear())

})(window.jQuery)

这对您来说可能不是一个完美的解决方案，但我希望这可能会让您走上正确的道路。

于 2013-11-08T01:30:37.237 回答