간단한 jQuery 튜토리얼이 작동하지 않습니다

간단한 jQuery 튜토리얼을 작성하려고하지만 작동하지 않습니다.간단한 jQuery 튜토리얼이 작동하지 않습니다

<html>                 
<head>      
    <title></title> 
    <script type="text/javascript" src="jquery-1.3.2.js">           
     $(function() { 
      $('a').click(function() { 
      $('#box').fadeOut(); 
     }); 
    });          
</script>   
<style type="text/css"> 
     #box 
    { background: red; 
     width: 300px; 
     height: 300px; 
    } 
</style> 

</head>                 
<body>         
    <div id="box" ></div> 
     <a href="#">Click Me</a> 

</body>                  
</html>

나는 복사 JQuery와 파일 이름 붙여 넣은 : JQuery와-1.3.2

내가 무엇이 잘못 볼 수 있습니까? Firefox를 사용 중입니다.

출처

2009-04-29 Ankur

어떻게 될지 알려주세요. 아무것도? 브라우저에서 오류가 발생 했습니까? 예상치 못한 뭔가? –

코드의 다른 부분을 넣을 때주의해야합니다.

나를 위해 일한이 코드를 살펴보십시오.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title>Fade Out Red Box</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <style type="text/css"> 
    #box 
    { 
    background: red; 
    width: 300px; 
    height: 300px; 
    } 
    </style> 
</head> 

<body> 
    <div id="box"></div> 
    <a href="#">Click me</a> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $("a").click(function() { 
     $("#box").fadeOut("slow"); 
     }); 
    }); 
    </script> 
</body> 
</html>

출처

2009-04-29 16:04:14

hmmm 흥미 롭습니다. 문서 본문에 스크립트 태그가 있습니다. 고마워. – Ankur

당신이 당신의 SCRIPT 꼬리표를 두는 곳은 당신에게 달려 있습니다. 내 코드에서는 HEAD에 넣을 수 있으며 여전히 작동합니다. 그것은 당신이 당신의 페이지를 볼 때 시작됩니다. HEAD의 모든 것은 페이지가 그리기 시작하기 전에로드됩니다. 코드에서 SCRIPT 태그 * 및 *에서 외부 파일에 연결하려고 시도했지만 불가능한 일부 코드를 제공했습니다. –

먼저 디렉토리에 jquery-1.3.2.js이 있는지 확인하십시오.

그런 다음 스크립트 태그를 변경 :

<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
      $('a').click(function() { 
        $('#box').fadeOut(); 
      }); 
    }); 
</script>

출처

2009-04-29 09:13:14

는 다른 스크립트 블록에 클릭 이벤트 코드를 넣습니다.

<script type="text/javascript" src="jquery-1.3.2.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('a').click(function() { 
        $('#box').fadeOut(); 
      }); 
    }); 
    </script>

당신이 저지른 오류는 (src 속성을 통해) 외부 자원을 참조하지 더 이상 태그 자체에 내장 된 스크립트를 실행 할 수 있습니다 Degrading Script Tags

스크립트 태그의 저를 기억합니다.

출처

2009-04-29 09:15:12 Eddy

간단한 jQuery 튜토리얼이 작동하지 않습니다

답변

관련 문제