2013-05-10 6 views
-2

저는 Javascript와 Jquery를 처음 사용하지만 실제로 내 코드가 로컬에서 제대로 실행되지 않는 이유를 알 수 없습니다. JSfiddle에서 여러 번 테스트 해봤는데 제대로 작동합니다. 내 페이지를 로컬로 실행할 때 .dropDown은 움직이지 않으며 li 요소를 클릭하면 .slideUp이 표시되지 않습니다. 여기 내 JSfiddle과 내 HTML 헤드도 있습니다. 그래서 내가 무엇을 부르고 있는지 알 수 있습니다.Jquery 애니메이션이 로컬에서 실행되지 않습니다 - JSfiddle에서 작동

<! DOCTYPE HTML > 
<html> 
<head> 
<meta content="text/html; charset=ISO-8859-1" 
http-equiv="content-type"> 

<title>Nav test</title> 

<link type="text/css" rel="stylesheet" 
href="nav.css"> 
<link type="text/css" rel="stylesheet" 
href="jquery-ui.css"> 

<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript" src="jquery-1.9.1.js"></script> 
<script type='text/javascript' src="nav.js"></script> 

<meta charset="UTF-8"></head> 
</head> 

미리 감사드립니다.

+0

나머지 마크 업은 어디에 있습니까?! –

+0

방화 광구를 사용하여 오류를 찾거나 브라우저 콘솔을 확인하십시오. –

+0

jQuery UI 앞에 jQuery를 포함하십시오. – billyonecan

답변

0

jQuery UI는 jQuery를 기반으로하며 jQuery에서 정의한 함수와 객체를 추가합니다. 따라서 jQuery 스크립트 뒤에 jQuery UI 스크립트 을 포함시켜야합니다.

하지 :

<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript" src="jquery-1.9.1.js"></script> 

아니라 : 당신이 그들을 포함 한 순서대로 스크립트와

<script type="text/javascript" src="jquery-1.9.1.js"></script><!-- First jQuery --> 
<script type="text/javascript" src="jquery-ui.js"></script> <!-- THEN jQuery UI --> 

, 자바 스크립트 콘솔에서이 같은 오류가 표시되어야합니다

Uncaught ReferenceError: jQuery is not defined

(정확한 텍스트는 브라우저마다 다를 수 있습니다.)

+0

WOW, 정말 고마워요. 결코 그것을 얻지 못했을 것이다. 지금 나는 알고있다! – LetteredFox

+0

@LetteredFox : 천만에요! 도움이 된 것을 기쁘게 생각합니다. 자바 스크립트 콘솔을 보는 데 익숙해 질 가치가 있습니다 (모든 브라우저에는 JavaScript가 있습니다). 그것은 실제로 상황이 작동하지 않을 때를 보는 첫 번째 장소입니다. :-) 베스트, –

관련 문제