Question

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

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

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

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

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

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

帮助！我已经搜索了高低，并尝试了几个代码，但无法获得任何工作，我不知道如何编写这个/新手在这部分JQuery自己编写。提前一堆谢谢！

Answer 1

为冗长的答案道歉。以下是您可能想要开始的方式。在您的示例中，您提到要加载新页脚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)

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

.load（）不加载脚本标记

1 个答案: