4

所以我看到很多人问如何将 html 加载到 div 中，我的代码做得很好....但是当我将 html 加载到 div 中时，页面的其余部分发生了变化。

我有一个看起来像这样的页面 a.html，并加载 b.html

一个.html

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(function() {
$("#includedContent").load("b.html"); 
}); 
</script> 



 <div id="includedContent"></div>
 <h1>This is why I rule</h1>
</head>
</html>

然后 b.html 看起来像这样

<p> This is my include file </p>

会发生什么是 a.html 加载，我可以This is why I rule立即看到，但随后代码消失并获取 b.html。当 b.html 加载时，我只能看到This is my include file并且“这就是我统治的原因”消息消失了......

为什么是这样？我该如何预防？它在我测试过的所有浏览器上执行此操作。

4

2 回答 2

9

您必须将您的 html 代码写入<body> </body> 

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(function() {
$("#includedContent").load("b.html"); 
}); 
</script> 
</head>

<body>
 <div id="includedContent"></div>
 <h1>This is why I rule</h1>
</body>
</html>
于 2013-06-28T19:07:44.310 回答
2

您的所有 HTML 标记都在该head部分中，而不是body

尝试这个：

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script> 
$(function() {
$("#includedContent").load("b.html"); 
}); 
</script> 

</head>
<body>
     <div id="includedContent"></div>
     <h1>This is why I rule</h1>
</body>
</html>
于 2013-06-28T19:08:02.950 回答