2015-02-07 4 views
0

외부 자바 스크립트에 문제가 있습니다. 여기에 나의 기본적인 형태가있다.외부 자바 스크립트가 호출되지 않습니다

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <link rel="stylesheet" type="text/css" href="../CSS/styles.css"> 
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script> 
    <script src="../Javascript/UserScript.js" type="text/javascript"></script> 
<title>Start Page</title> 
</head> 
<body> 
<form id="newUser"> 
    Email: <input type="text" name="Email"> <br/> 
    Password: <input type="password" name="Password"> <br/> 
    Confirm Password: <input type="password" name="ConfirmPassword"> <br/> 
    <input type="submit" name="Submit" /> 
</form> 
</body> 

다음을 내부적으로 호출하면 정상적으로 작동합니다. 내가 외부 적으로 부른다면 나는 아무것도 얻지 못한다.

$("#newUser").submit(function (event) { 
    event.preventDefault(); 

    alert('hello world'); 
}); 

jquery가 올바르게 작동하는지 확인하기 위해 새 파일을 만들고 테스트를 수행했습니다.

$(document).ready(function (e) { 
    alert('hello') 
} 
+0

오류 콘솔 (F12)의 내용은 무엇입니까? –

+0

문서 준비 처리기 안에있는 첫 번째 비트 코드입니까? – JLRishe

+0

외부 파일을 넣을 때 올바른 위치에 외부 파일이 있고 방화 광경보기 또는 다른 파일로로드 중입니까? 예제는 jsfiddle에서 잘 실행됩니다. 그래서 파일의 위치에 문제가있는 것 같아요. – minion

답변

1

문서 준비 핸들러 내부에 코드를 넣어 :이 존재하기 전에

$(function() { 
    $("#newUser").submit(function (event) { 
     event.preventDefault(); 

     alert('hello world'); 
    }); 
}); 

당신은 요소에 이벤트를 첨부 할 수 없습니다. #newUser 요소가 구문 분석되어 DOM에 추가되기 전에 스크립트가 실행됩니다. 코드의 $("#newUser")이 빈 세트를 생성 중입니다.

+0

아 그래. 이봐. 감사! – KenWin0x539

관련 문제