2016-11-23 88 views
0

我在jQuery上編程,遇到了一個奇怪行爲的頁面:非常基本的jQuery/javascript功能根本無法工作。我有「如果它不工作,那麼這是我的錯,從來沒有編程語言」的心態,但顯然在這種情況下,這不是事實。這是代碼:非常基本的jQuery代碼不工作

<html> 
<head> 
</head> 
<body> 


<script> 

    $(document).ready(function(){ 

     $("#id3").click(function(){ 

      alert("ada"); 

     }); 

    }); 

</script> 

<button type="button" id="id3">id</button> 

</body> 
</html> 

此代碼是在我的本地,其中有很多很多比這更復雜的工作jQuery函數其他幾個頁面的頁面。我真的不知道爲什麼或如何將這個簡單的代碼不工作。

任何見解表示讚賞

+0

您需要在您的網頁 –

回答

0

你需要用script標籤引用jQuery庫。沒有它,圖書館提供的特殊語法和對象將不會被你的瀏覽器知道。

$(document).ready(function(){ 
 

 
     $("#id3").click(function(){ 
 
      alert("ada"); 
 
     }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" id="id3">id</button>

+0

哦真正的jquery.js!我之所以忘記這一點,是因爲我編寫了另一個頁面而沒有引用jQuery庫並且它工作正常(但是該頁面最終將作爲一個'iframe'在具有引用的jQuery的ANOTHER頁面中工作,因此它的工作原理),我想那麼這次呢。我想錯誤總是屬於我們的!謝了哥們。 – Matheus