0

当我的内容中的 div 已加载但无法正常工作时，我正在尝试加载页面。你能帮我告诉我我的错误在哪里或者为什么不工作吗？谢谢 ！

这是代码

索引.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/fonts.css" rel="stylesheet" type="text/css" />
</head>

<body>
<ul id="nav">
<li><a href="index">index</a></li>
<li><a href="about">contact</a></li>
</ul>

<div id="content"></div>
<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>
</body>
</html>

你好.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<h1>Hello World</h1>
</body>
</html>

和 javascript

$(document).ready(function() {
$('#content').load('hello.php');
});
4

3 回答 3

1

在头部使用这个

<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>
于 2013-06-18T14:44:45.203 回答
0

你必须确保这个脚本标签

<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script>

之前执行

$(document).ready(function() {
     $('#content').load('hello.php');
});
于 2013-06-18T14:53:19.163 回答
0

像这样更改您的html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/fonts.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>

</head>

<body>
<ul id="nav">
<li><a href="index">index</a></li>
<li><a href="about">contact</a></li>
</ul>

<div id="content"></div>

</body>
</html>

你的 Jquery 是这样的：

$("#content").load("/hello.php", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});

这应该有效，如果没有，它会让你知道发生了什么。

于 2013-06-18T14:54:56.193 回答