0

jQuery ajaxを学んでいますが、うまくいきません。div をクリックしましたが、何も起こりません。私がどこを間違えたかを見つけるのを手伝ってください。

js スクリプト:

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

1 つの 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 には 1 つの単語があります。

4

3 に答える 3

7

jQuery ファイルを最初にロードする必要があります。コンソールを見ると、 $ is not defined エラーが表示されるはずです。

<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

その他は、インポートの順序について既に述べました。

もう 1 つの問題は、divmaindivが空であることです。そのため、クリックすることはできません。

そこに何かを入れてください：

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