通过 JQuery 重用相同的 html/css 代码 [关闭]

【问题标题】：Reusing the same html/css code via JQuery [closed]通过 JQuery 重用相同的 html/css 代码 [关闭]
【发布时间】：2014-12-13 17:06:09
【问题描述】：

如果有人帮助我，我会非常感激。

为了不多次重复相同的代码，我制作了一个单独的 header.html 文件并通过 JQuery 包含它。
问题是标题的内容（2 个 div、一个表单、一个图像等）没有加载。
是什么原因以及如何改进它？

提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

首先确保 jQuery 包含在您的页面中。然后你需要做一个 ajax 调用（显然把它放在包含 jQuery 的地方之后）：

$.ajax({
    url: "http://example.com/your-template-file"
})
.done(function( data ) {
    $('#destination').append(data);
});

【讨论】：

【解决方案2】：

由于您将使用 JQuery 导入内容，因此在加载 JQuery 之前无法完成。如果您坚持使用 JS 加载内容，请尝试使用

$(function() {
  //Your loading code
})

这将确保您的加载代码在加载 JQuery 后执行。

顺便说一句，如果您正在编写 J2EE 应用程序，您可以使用 Sitemesh、Tiles 或 Freemarker 来动态构建您的页面内容。希望对您有所帮助。

【讨论】：