2013-03-08 3 views
0

다음은 HTML, CSS 및 JavaScript입니다. 누구든지 내가 잘못 가고있는 것을 볼 수 있습니까? 참고 : JavaScript는 HTML과 같은 파일이 아닌 별도의 파일로 만듭니다.JS 파일에서 jQuery를 사용할 수 없습니다.

함수를 실행하기 위해 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; 
} 

자바 스크립트 :

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

은 같은 디렉토리에있는 파일입니까? – MilkyWayJoe

+0

@MilkyWayJoe 예, CSS 파일은 작동하지만 jquery는 작동하지 않습니다. – user123

+0

jQuery를 포함하는 스크립트가 표시되지 않습니다. 패키지 관리자를 열고 'jQuery'를 입력하면 script.js 위에있는 한 해당 스크립트 태그를 가져 와서 사용할 수 있습니다. –

답변

3

당신은 HTML 코드의 머리 부분에 대한 jQuery 스크립트를 누락이 추가 입력란 :

<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> 

행운을 비네.

관련 문제