2013-03-26 51 views
0

我剛剛開始學習jQuery,今天我寫了一個JavaScript文件中的代碼。此代碼旨在使按鈕在按下時鬆開,然後在移開鼠標後恢復正常。正如我剛纔所說,我對jQuery非常陌生,這意味着我認爲這是錯誤的設置。下面是我的javascript內容:

$(document).ready(function(){ 
    $(".buttons").mouseenter(function(){ 
     $(".buttons").fadeTo("fast",0.25); 
     }); 
    $(".buttons").mouseleave(function(){ 
     $(".buttons").fadeTo("slow",1); 
     }); 
}); 

這個JavaScript文件說要淡出我的課「按鈕」當我將鼠標懸停在他們..我有聯繫我的HTML文件,這個js文件用:

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

我知道,正確地鏈接到JavaScript文件,因爲我打開我的HTML和控制檯說第一行「$沒有定義」。現在,這是我的JavaScript的第一行。很明顯,我的html打開了我的JS文件,但不喜歡第一行的$。

再次,虐待重複,我對此很新,任何應該是顯而易見的,對我來說都不明顯。感謝您的幫助。

+3

之前,請務必'<腳本類型=「文/ JavaScript的」您加載在該行的jquery.js前src =「script.js」>',並且在兩個地方都有失蹤的''。 – 2013-03-26 17:43:43

+6

我會說你沒有包含jQuery庫:) – gaynorvader 2013-03-26 17:43:58

+2

我建議遵循jQuery教程:http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery。 – 2013-03-26 17:44:17

回答

4

美元符號屬於jQuery庫命名空間,因此您需要在使用它之前包含jQuery。包含庫後,您可以使用這些功能,例如通過$('.classname')進行選擇。

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 

這包括縮小版本中的最新jQuery版本。您也可以在本地加載和託管此文件。

2

你在html文件中包含了jQuery嗎?喜歡的東西

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

這必須被包含在第一次使用$之前,因此包括您script.js

+0

完美的作品!知道了謝謝!還要感謝所有提供正確答案的人 – 2013-03-26 17:49:42

+0

@DarrylChapman在當前腳本包含之前,將該腳本添加到行中,以便您擁有這兩個腳本。你包含jQuery庫,然後你的腳本出現了(因爲它需要首先加載jQuery)。 – Archer 2013-03-26 17:51:45