2013-05-16 68 views
2

我所擁有的只是一個簡單的html頁面和一個簡單的.js文件。我找不到任何語法錯誤。 jquery庫被包含在它應該是的地方,和.js文件一樣。任何想法可能會出錯?爲什麼這是非常簡單的jQuery不工作?

第一個代碼塊是我的html:

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="http://myDomain.com/myInvites.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script src="http://www.parsecdn.com/js/parse-1.2.2.min.js"></script> 

    </head> 
    <body> 
     <div id="mainDiv"> 

      <p><a href="#">anchor</a></p> 

     </div> 
    </body> 
</html> 

這是.js文件命名頁面myInvites.js:

$(function() 
{ 
    $('#mainDiv').click(function() 
    { 
     alert("working"); 

    });//closes click 
});//closes function 

回答

14

您的JS文件的jQuery之前加載。如果jQuery尚未加載,則無法使用它。

切換順序的前兩個腳本標籤:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<script src="http://myDomain.com/myInvites.js"></script> 
+0

唉,就是這樣!?哈哈謝謝你。這是在殺我。 – Spilot

相關問題