javascript - 如何纠正在以下情况下加载 HTML 页面内容时出现的问题?

标签 javascript jquery html css pageload

我正在开发一个 HTML 网站。我使用 jQuery 将 HTML 文件中的页眉和页脚内容添加到我网站中的每个 HTML 文件。我面临的问题是在加载页面时。加载页面时,内容首先移动到屏幕的左上角,然后在加载整个页面内容后页面看起来正常。我不明白为什么会这样,问题是什么?供您引用,以下是我网站的其中一个网页的链接: This is a link from my website for your reference 有人可以帮我解决问题并加载页面吗?如果您需要更多详细信息,我可以为您提供。

最佳答案

我认为问题在于您在 html 文档 (DOM) 准备好之前加载页眉和页脚。您必须在脚本标签中使用如下的 document.ready 函数。我希望这能解决您的问题。

<script type="text/javascript">

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

</script>

关于javascript - 如何纠正在以下情况下加载 HTML 页面内容时出现的问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23865080/

相关文章:

jquery - ASP.net MVC2 中精美的客户端表单验证

php - 不能使用 php 返回的数组

jquery - 自动从文本框发送输入数据

javascript - 在使用 bootstrap 4 扩展另一个时,我需要帮助折叠一个

javascript - 使用 HTML/CSS 和 Javascript 的 Domino's Tracker

html - IE8 固定和绝对位置问题

javascript - 上传后提交前是否可以在 fancybox 中显示图像

javascript - 覆盖 ui-bootstrap 的默认分页模板

javascript - Dogfooding 我们自己的限速 API

javascript - 增加一个数字并将其附加到函数