외부 자바 스크립트가 작동하지 않습니다.

내 HTML 페이지에 하나의 javascript (hide.js)를 삽입했습니다 ... 숨기기 기능이 작동하지 않습니다.
내 스크립트
내 코드가외부 자바 스크립트가 작동하지 않습니다.

<!DOCTYPE html > 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery Example </title> 
</head> 
<body> 
    <p id="paragraph "> 
     This is Paragraph</p> 
    <script type="text/javascript" src="http://localhost/WebApplication2/js/hide.js"></script> 
    <script type="text/javascript" src="http://localhost/WebApplication2/js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="http://localhost/WebApplication2/js/toggle.js"></script> 
</body> 
</html>

hide.js

$('#paragraph').click(function() { 
    $('#paragraph').hide(); 
});

내가 크롬에 방화범이 끌려 라이트와 테스트를이 튜토리얼에 따라입니다 올바른 순서입니다 .. 콘솔 오류를 보여 나던 .. 스크립트가 외부 스크립트를 보여주고 있습니다 ... 다른 스크립트가 잘 작동합니다
스크립트를 재정렬했습니다.

<script type="text/javascript" src="http://localhost/WebApplication2/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/toggle.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/hide.js"></script>

아직도 내가 모든 관련 링크가 잘못 ..Please 스크립트의

출처

2014-04-10 user3487944

먼저, showld 아래 답변에 대한 트릭을 할 jQuery 라이브러리에 대한 참조를 해달라고 경우 hide.js가 선택기 중 하나를 이해 할 수 없을 것입니다 당신. – Sid

js 파일이로드되는 방화 광을 확인 했습니까? – Sid

또한 p 태그 ID에서 공백을 제거하십시오. – rooby

단락 태그의 ID에 유효하지 않은 공백이 있으므로 자바 스크립트는 해당 ID를 사용하여 해당 단락을 선택할 수 없습니다.

id 속성에서 공백을 제거해야합니다.

출처

2014-04-10 06:56:45 rooby

예 .. 감사합니다. rooby ... – user3487944

주문 제안 ..whats 발견을 couldnt .. 작동하지 않습니다 - 그것은 jquery.js 이후에 포함되어야하므로 hide.js는 jQuery를 사용을

<script type="text/javascript" src="http://localhost/WebApplication2/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/toggle.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/hide.js"></script>

브라우저 콘솔은 당신이해야 Uncaught ReferenceError: $ is not defined

출처

2014-04-10 06:44:29

여전히 작동하지 않습니다 – user3487944

오류 콘솔에 어떤 오류가 표시됩니까? –

콘솔이 비어 있습니다. 왜 비어 있습니까? – user3487944

위해 뭔가를 말하는 오류를 표시해야합니다는, 무엇보다도 JQuery와 주요 파일을 포함한다.

<script type="text/javascript" src="http://localhost/WebApplication2/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/hide.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/toggle.js"></script>

코어 jQuery 파일은 내부 jquery 메소드를 사용할 수 있으므로 다른 플러그인보다 먼저 포함되어야합니다.

출처

2014-04-10 06:44:38

옳은 대답 인 것 같습니다. – Sid

그는 콘솔에 오류가 없다고 말하지만 , 그는이 경우에 가질 것입니다. – rooby

아직 작동하지 않습니다 .. 나는 이미 그것을 시도했습니다 – user3487944

jquery.js 앞에 hide.js가 포함되어 있기 때문입니다. 당신이 경우

<script type="text/javascript" src="http://localhost/WebApplication2/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/toggle.js"></script> 
<script type="text/javascript" src="http://localhost/WebApplication2/js/hide.js"></script>

은 먼저 jquery.js 전에 hide.js를 포함해야합니다 ... 그래서 같은 jquery.js 후 hide.js을 포함해야한다. 코드를

$(document).ready(function() { 
$('#paragraph').click(function() { 
    $('#paragraph').hide(); 
}); 
}

으로 변경하십시오. 이렇게하면 전체 페이지가로드 된 후 스크립트가 작동합니다.

또는 마찬가지로 사용할 수 있습니다.

$(function() { 
    // Your Code 
});

출처

2014-04-10 06:46:32

젠장, 당신은 나를 때렸어. – rooby

여전히 작동하지 않습니다 ... 참고 내 코드는 튜토리얼에 따라 – user3487944

이 필요하지 않습니다 ... – user3487944

당신의 ID는 그것을 space.remove 다시 <p id="paragraph ">This is Paragraph</p>

그것이 내가 아마 원인이 될 수있는 아주 이상한 것을 발견 한이 <p id="paragraph">This is Paragraph</p>

출처

2014-04-10 07:00:32

같아야 시도 있습니다. 확실히 도움이 될 것입니다.

코드에는 외부 JS 파일 만 있습니다. 외부 파일 다음에 빈 태그를 포함하십시오. 그것은 작동해야합니다.

원인은 알 수 없지만 인라인 또는 빈 스크립트 태그가없는 경우 외부 JS가 때때로 포함되지 않습니다. 더 많은 것을 파헤 치면 매우 흥미로울 것입니다. 알아 내면 업데이트하겠습니다.

환경 : 크롬 최신 버전 44.0.2403.130 m

출처

2015-08-06 00:19:14

외부 자바 스크립트가 작동하지 않습니다.

답변

관련 문제