Question

我学习jQuery ajax，但是没有用。我点击了div，但没有任何反应。请帮我找出错误的地方。

js script：

$(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只有一个字。

Answer 1

您的jQuery文件需要先加载。如果你看一下控制台，我相信你会得到$ is not defined error。

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

Answer 2

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

<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>

Answer 3

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

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

把东西放在那里：

<div id="maindiv">CLICK ME</div>

jQuery（..）。load（..）无效

3 个答案: