在以下情況下如何解決加載HTML頁面內容的問題？

Question

我正在HTML網站上工作。 我正在使用jQuery將HTML文件中的頁眉和頁腳內容添加到網站中的每個HTML文件中。 我面臨的問題是在加載頁面時。 加載頁面時，內容首先移至屏幕的左上角，然后在加載整個頁面內容后，頁面看起來正確。 我不明白為什么會這樣，這是什么問題？ 供您參考，以下是我網站的一個網頁鏈接 ： 這是我網站上的鏈接供您參考，請問有人可以幫助我糾正問題並加載頁面嗎？ 如果您需要更多詳細信息，我可以為您提供。

Answer 1

我認為問題在於您在html文檔（DOM）准備就緒之前正在加載頁眉和頁腳。 您必須在腳本標簽中使用以下document.ready函數。 我希望這能解決您的問題。

<script type="text/javascript">

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

</script>