어떻게 javascript/jquery가 작동합니까?

편집 : 제안 주셔서 감사합니다. 너의 도움 덕분에 제곱이 사라져 버렸어!어떻게 javascript/jquery가 작동합니까?

나는 codeschool/codeacademy에서 javascript/jquery 자습서를하고 있으며 모든 것이 잘 될 것 같습니다. 하지만 내가 직접 뭔가를하려고 할 때 자바 스크립트를 실제로 트리거 할 수 없습니다. 나는 크롬과 파이어 폭스를 사용했다. 모든 플러그인 확장을 비활성화했습니다. 간단한 문제 여야합니다. 도와주세요! http://jsfiddle.net/interestinall/n5mqryrj/

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Demo</title> 
</head> 
<body> 
    <a href="http://jquery.com/">jQuery</a> 
    <script src="jquery.js"></script> 
    <script> 

    $(document).ready(function() { 
     $("a").click(function(event) { 
      alert("The link will no longer take you to jquery.com"); 
      event.preventDefault(); 
     }); 
    }); 

    </script> 
</body> 
</html>

그것은 나를 위해 작동하지 않습니다

내가 잘라 JQuery와에서 붙여 넣은 다음 코드는 여기 (http://learn.jquery.com/about-jquery/how-jquery-works/)

는 jsfiddle에 대한 링크입니다. 누군가 설명 할 수 있고 그것을 작동시키는 법을 말해 줄 수 있습니까? 정말 고마워!

출처

2014-12-02 interestinall

웹 사이트를 디버깅 할 때 콘솔을 여는 것을 고려하십시오 ... 네트워크 탭을 보겠습니다. –

모두 잘 작동하고 있습니다. URL을 추가하면됩니다. http://jsfiddle.net/n5mqryrj/7/ –

고유 한 내가 볼 수있는 문제는 잘못된 경로에 "jquery.js"를 포함시키는 것입니다. – Ismael

Theres는 아무것도.우리는 모두 어딘가에서 시작했으며 이러한 제안 중 일부는 오도 된 것입니다.

아직 알지 못하는 경우 jQuery는 복잡한 자바 스크립트 개발을보다 간단하게 만드는 포괄적 인 라이브러리입니다. JQuery로 수행하는 모든 작업은 네이티브 자바 스크립트를 사용하여 수행 할 수 있다는 점에 유의해야한다. jQuery는 다양한 브라우저에서 작동 할 수있는 모든 복잡성을 처리한다. 즉, 다른 브라우저 (IE 등)에서 일을하는 일부 브라우저에서는 일부 기능이 작동한다는 것입니다.

웹 사이트에서 jQuery를 사용하려면 페이지에 jQuery를 포함시켜야합니다. 당신이 크롬에 (히트 F12를) 콘솔을 열면

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Demo</title> 
</head> 
<body> 
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script> 
    <script> 
     console.log($) 
    </script> 
</body> 
</html>

당신이 표시되어야합니다 : 나는 '

function (a,b){return new m.fn.init(a,b)}

주의이 같은 것을 실행 일 경우 그 자체 실행 한 방법은 알 수 m 스크립트의 소스에 src="https://code.jquery.com/jquery-1.11.1.min.js"을 사용하십시오. 스크립트에 따라 src="jquery.js"을 사용할 수 있지만 https://code.jquery.com/jquery-1.11.1.min.js의 내용을 index.html (또는 wherever-you-saved-your-code.html)과 동일한 수준의 jquery.js라는 파일에 저장해야한다는 의미입니다.)

필자는 태그에 jQuery를 포함시켜야한다고 말하면서 여기에 들어가는 이유 때문에 페이지 맨 아래에 스크립트를 보관하는 것이 최선의 방법이라고 생각합니다.

따라서, 이것은 당신 (브라우저 확장 선명하게 촬상)을 위해 일해야

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Demo</title> 
</head> 
<body> 
    <a href="http://jquery.com/">jQuery</a> 
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script> 
    <script> 

    $(document).ready(function() { 
     $("a").click(function(event) { 
      alert("The link will no longer take you to jquery.com"); 
      event.preventDefault(); 
     }); 
    }); 

    </script> 
</body> 
</html>

행운을 빕니다.

출처

2014-12-02 11:47:48

감사합니다. 이것은 충분히 깊고 정확히 내가 필요한 것입니다. 나는 그것을 할 수 있다면 upvote 줄. – interestinall

걱정할 필요가 없습니다. 도와 줄 수있어서 기뻐 ;) –

jquery에 잘못된 URL을 사용했습니다. http://fiddle.jshell.net/_display/jquery.js은 404 오류를 표시합니다.

프레임 워크 & 확장 메뉴에서 절대 URI를 사용하거나 라이브러리를 선택해보십시오.

출처

2014-12-02 11:24:48 Quentin

프로젝트에 jquery를 포함하지 않았습니다.

https://code.jquery.com/

출처

2014-12-02 11:26:56

이 라인

<script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script>

또는 다른 버전으로이 라인

<script src="jquery.js"></script>

을 변경 당신은 제대로 jQuery를 포함하지 않았습니다.

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Demo</title> 
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 
</head> 
<body> 
    <a href="http://jquery.com/">jQuery</a>  
    <script> 

     $(document).ready(function() { 
      $("a").click(function(event) { 
       alert("The link will no longer take you to jquery.com"); 
       event.preventDefault(); 
      }); 
     }); 

    </script> 
</body> 
</html>

출처

2014-12-02 11:27:33

시도가

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

와

<a href="http://jquery.com/">jQuery</a>

를 교체 또는 jQuery.com에서 jQuery를-Scriptfile를 다운로드, 로컬로 저장하고 그 중 하나를 사용하는 대신이를보십시오. 여기

출처

2014-12-02 11:28:00 Ferret

는 http://jsbin.com/pajecubute/1/edit

<a href="http://jquery.com/">jQuery</a> 

$(document).ready(function() { 
    $("a").click(function(event) { 
     alert("The link will no longer take you to jquery.com"); 
     event.preventDefault(); 
    }); 
});

출처

2014-12-02 11:28:50 user3811714

이 바이올린을 업데이트 작업 예이다. HTML에 JQuery를 별도로 포함시킬 필요가 없습니다. 왼쪽에 선택을 위해 이미 있습니다. 이제 코드가 작동합니다. script 섹션에서

http://jsfiddle.net/n5mqryrj/8/

추가 ready 기능 : 코드 문제

$(document).ready(function() { 
    $("a").click(function(event) { 
     alert("The link will no longer take you to jquery.com"); 
     event.preventDefault(); 
    }); 
});

출처

2014-12-02 11:29:42 ArinCool

어떻게 javascript/jquery가 작동합니까?

답변

관련 문제