通过JQuery重用相同的html / css代码

Question

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

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

事先感谢您的帮助。

Answer 1

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

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

Answer 2

由于您将使用JQuery导入内容，因此在加载JQuery之前不能这样做。 如果您坚持使用JS加载内容，请尝试使用

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

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

BTW，如果您正在编写J2EE应用程序，可以使用Sitemesh，Tiles或Freemarker动态构建页面内容。 希望这有帮助。