如何更正以下方案中加载HTML页面内容的问题？

Question

我正在HTML网站上工作。我正在使用jQuery将HTML文件中的页眉和页脚内容添加到我网站中的每个HTML文件中。我面临的问题是在加载页面时。在加载页面时，内容首先移动到屏幕的左上角，然后在加载整个页面内容后页面看起来正确。我不知道为什么会发生这种情况以及问题是什么？以下是我网站上一个网页的链接： This is a link from my website for your reference 有人可以帮我纠正问题并加载页面吗？如果您想了解更多详情，我可以为您提供相同的信息。

Answer 1

我认为问题是你在html文档（DOM）准备好之前加载页眉和页脚。您必须在脚本标记中使用document.ready函数，如下所示。我希望这能解决你的问题。

<script type="text/javascript">

$(document).ready(function(){
      $("#container_header").load("header.html"); 
      $("#container_footer").load("footer.html"); 
});

</script>