2013-10-24 2 views
0

그리고 나는 다시 학습 과정에 갇혀 있습니다. here에 제공된 도움말을 사용하여 사이트의 배경에 애니메이션을 적용하려고합니다. 그러나 나는 조금 붙어있다. 나는 javascript (기본 액션 스크립트를 대체)를 가르치고있다. 붙여 넣기를 복사하는 대신 줄 단위로 작성하여 어떻게 작동하는지 이해할 수 있습니다.자바 스크립트 문서 준비 함수

이것은 내가 지금까지 무엇을 가지고 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"><head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>My Site</title> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     window.alert("function started"); 
    }); 
    </script> 
    </head> 

    <body> 
    </body> 
    </html> 

당신이 기능이 시작되면 경고 창이 팝업해야 볼 수 있지만 그렇지 않은 것처럼. 이 문제가 발생하는 이유가 있거나 페이지를로드 할 때 수행 할 작업을 처리하기 위해 body onLoad 함수를 설정해야합니까?

+1

jQuery에 대한 참조를 포함해야합니다. http://api.jquery.com/ready/ – Jonathan

+0

와우 지금 바보 같은 느낌입니다. –

+0

완벽하게 작동 –

답변

3

당신은 당신의 페이지에 자바 스크립트 API JQuery와를 포함하는 것을 잊었다 . 당신이 $() 기능을 사용하기 전에이 포함되어야한다 (이 경우 jQuery() 기능의 별칭입니다.)

브라우저의 자바 스크립트 콘솔을 선택하면 당신은 아마 정의되지 않은 $를 사용하려고에 대한 예외가 있습니다. (IE에서 웹 개발을 할 때 편리한 트릭은 "모든 스크립트 오류에 대한 알림 표시"에 대한 고급 옵션을 사용하는 것입니다. 그러나 많은 개발자가 처리되지 않은 JS 예외를 식별하고 수정하는 것이 바람직하지 않기 때문에 다른 사이트를 방문 할 때 성가신 수 있습니다!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>My Site</title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() 
     { 
      window.alert("function started"); 
     }); 
    </script> 
</head> 
<body> 
</body> 
</html> 

이 예는 Google 호스팅의 jQuery API를 사용하여 최신 브라우저는 일반적으로

), 자바 스크립트 디버깅을 위해 수정 코드 등 개발자 도구를 엽니 다 (이상 미국) 'F12'를 사용 , jQuery를 다운로드 할 수도 있습니다. http://jquery.com

0

먼저 jQuery를로드한다. jQuery는 $를 사용하여 호출하려는 라이브러리입니다. 여기에서 다운로드 할 수 있습니다 : http://jquery.com/download/. javascript 코드 앞에 jQuery를로드해야합니다.