2013-03-08 20 views
0

下面是我的HTML,css和JavaScript。任何人都可以看到我要去哪裏嗎?注意:我在一個單獨的文件中創建JavaScript,而不是與HTML相同的文件。jQuery在JS文件中不可用

我是否必須在jQuery文件上添加任何附加鏈接或代碼才能使其執行該功能?

HTML代碼:

<!DOCTYPE html> 

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
    <script type="text/javascript" src="script.js"></script> 
<title>CodePlay</title> 
</head> 
<body> 

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

CSS:

div { 
    height: 100px; 
    width: 100px; 
    border-radius: 5px; 
    background-color: red; 
    opacity: 0.25; 
} 

的JavaScript:

$(document).ready(function(){ 
    $("div").mouseenter(function(){ 
     $("div").fadeTo("fast", 1); 
    }); 
    $("div").mouseleave(function(){ 
     $("div").fadeTo("fast", 0.25); 
    }); 
}); 
+0

是同一個目錄中的文件嗎? – MilkyWayJoe 2013-03-08 23:15:57

+0

@MilkyWayJoe是的,他們是,CSS文件正在工作,但不是jQuery – user123 2013-03-08 23:16:37

+0

我沒有看到腳本包含jQuery。如果打開包管理器並鍵入'jQuery',那麼它應該允許您導入該腳本標記以供使用,只要它位於script.js之上即可。 – 2013-03-08 23:21:14

回答

3

你缺少的jQuery的腳本的HTML代碼的頭部,添加此line in:

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

該行適用於HTML5,因此您可以使用。如果您使用的是HTML 4或XHTML,那麼您需要參考它:

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

祝您好運與編碼。