0

我学习 jQuery ajax，但不工作。我点击 div，但没有任何反应。请帮我找出我犯错的地方。

js脚本：

$(document).ready(function(){
    $('#maindiv').click(function(){
        $(this).load('q.txt')
    });
});

带有一个 div 的 html 页面：

<!DOCTYPE html>
<html>
<head>
    <title>Ajax</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/aj.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
    <div id="maindiv"></div>
</body>
</html>

q.txt 有一个单词。

4

3 回答 3

7

您的 jQuery 文件需要首先加载。如果您查看控制台，我相信您会收到 $ 未定义错误。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/aj.js"></script>
于 2012-10-17T18:05:46.967 回答
1

您需要更改包含脚本源文件的顺序。

<script type="text/javascript" src="js/aj.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

应该改为

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/aj.js"></script>
于 2012-10-17T18:07:13.187 回答
1

其他已经提到了导入的顺序。

另一个问题是你的 divmaindiv是空的。所以你不能点击它。

在里面放点东西：

<div id="maindiv">CLICK ME</div>
于 2012-10-17T18:07:17.007 回答