2013-03-26 69 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