jQuery（..）。load（..）不起作用

我學習jQuery ajax，但不工作。我點擊div，但沒有任何反應。請幫我找到我犯錯的地方。jQuery（..）。load（..）不起作用

js腳本：

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

HTML頁面與一個DIV：

<!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有一個詞。

來源

2012-10-17 del

如果你使用'jQery'它並不奇怪這是行不通的。在尋找其他地方的答案之前，請向控制檯諮詢錯誤。它會告訴你'$'沒有被定義。 – PeeHaa

你是如何點擊一個空白的div？ – Musa

更改js文件的順序 – Shyju

您的jQuery文件需要先加載。如果你看看控制檯，我相信你會得到一個$未定義的錯誤。

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

來源

2012-10-17 18:05:46 epascarello

使用控制檯和調試器來了解頁面上附加的內容。 F12在Chrome/Firefox上，F9在IE上。 –

您需要更改包含腳本源文件的順序。

<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-17 18:07:13 hjpotter92

其他已經提到的進口秩序。

另一個問題是您的div maindiv爲空。所以你不能點擊它。

放東西在裏面：

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

來源

2012-10-17 18:07:17

jQuery（..）。load（..）不起作用

回答

相關問題