2014-01-21 3 views
-1
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Practice!</title> 
<link href="../_css/site.css" rel="stylesheet"> 

이것은 (내 교과서에서 가져온) JQuery와 내 소스내 JS가 실행되지 않는 이유는 무엇입니까?

<script src="../_js/jquery-1.7.2.min.js"> 
</script> 


<script src="javascript/hello.js"> 
</script> 

<script src="javascript/fadeIn1.js"> 
</script> 

<script src="javascript/igotit.js"> 
</script> 


</head> 

<body> 
<div class="wrapper"> 
    <div class="header"> 
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br> 
     Missing<br> 
     Manual</i></p> 
    </div> 
    <div class="content"> 
    <div class="main"> 
     <h1>Fading In</h1> 
     <p>Here I come!!!</p> 
    </div> 
    <div class="aside"> </div> 
    </div> 
    <div class="footer"> 
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p> 
    </div> 
</div> 
</body> 
</html> 

이 내 외부 자바 스크립트 파일과 같이 무엇이다. 내 외부 파일의 경우 코드의 "<script>"부분이나 "<DOCTYPE>"~ "</html>"전체 부분 만 있으면됩니까?

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Fade In</title> 
<link href="../_css/site.css" rel="stylesheet"> 
<script src="../_js/jquery-1.7.2.min.js"> 
</script> 
<script> 
$(document).ready(function() { 
$('body').hide().fadeIn(3000); 
}); 

</script> 
</head> 

<body> 
<div class="wrapper"> 
    <div class="header"> 
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br> 
     Missing<br> 
     Manual</i></p> 
    </div> 
    <div class="content"> 
    <div class="main"> 
     <h1>Fading In</h1> 
     <p>Here I come!!!</p> 
    </div> 
    <div class="aside"> </div> 
    </div> 
    <div class="footer"> 
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p> 
    </div> 
</div> 
</body> 
</html> 

죄송합니다. 저는이 문제에 익숙하지 않고 문제가 있습니다.

+0

jQuery를 올바른 위치에 다운로드 했습니까? 또한, 가지고있는 모든 파일의 출처는 무엇입니까 – scrblnrd3

+0

브라우저의 웹 개발 콘솔을보십시오. 읽을 수있는 오류 메시지가 있습니다. – Blender

+0

파일이 올바르게로드되고 있습니까? 브라우저의 개발자 도구에서 Net 탭을 확인하고 HTTP가 표시되는지 확인하십시오. – Basic

답변

1

외부 파일은 그 안에 자바 스크립트가 없기 때문에

<this/> 

그들에 있어야처럼 보이는 것도 있습니다. 원하는대로 보입니다 :

$(document).ready(function() { 
    $('body').hide().fadeIn(3000); 
}); 

... in your fadein1.js. 다른 JS 파일과 마찬가지로.

브라우저에서 문서를 열었을 때 여전히 작동하지 않는 경우 여기에 붙여 넣을 유용한 메시지를 보려면 F12 키를 누릅니다.

0

올바른 위치에 Jquery 파일이 있습니까? 당신이 확실하지 않은 경우 단지 JQuery와이 링크를 사용

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
관련 문제