我正在使用 JQuery 加载页眉和页脚，如下所示。 JQuery("").load仅当代码放在相应的 <div id="header"> 之后时才有效.我想在页面的开头加载 header.jsp 内容可能在 <head>部分或者我希望浏览器首先下载 header.jsp 内容并进一步移动以便它加载更快。
这样实际上我的正文首先显示，因为它的内容较少，然后是页眉和页脚页面。我想在浏览器中一次显示完整的页面
<html>
<head>
<script type="text/javascript" src="jquery.js" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form action="myForm">
<div id="header" ></div>
<script type="text/javascript">
jQuery("#header").load('header.jsp');
</script>
<div>
Body Content goes here..
</div>
<div id="footer" ></div>
<script>
jQuery("#footer").load('footer.jsp');
</script>
</form>
</body>
</html>
有什么办法可以实现这个功能。
最佳答案
$("#header").load("header.jsp").done(function(){
$("#footer").load('footer.jsp');
}
关于javascript - 如何在进一步移动之前要求 JQuery 加载函数加载完整的页面内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22782144/