jQuery 예기치 않은 AJAX 양식 제출시 새로 고침

Question

AJAX 양식 제출과 관련하여 문제가 있습니다.

은 그 같은 코드의 조각을 가지고 : ID = 컨텐츠 양식을 작성하는 코드의 조각 사업부에 넣어

$("#content").html("<form id='requestInfo'>............</form"); 

.

나는 코드의 또 다른 조각이 : 나는 그 형태의 데이터로 내 일을 할 수있는 제출() 메소드 내부의 코드의 실행을 기대

$("#requestInfo").submit(function(event) { 
    event.preventDefault(); 
    ...code... 
}); 

을,하지만 난의 새로 고침을받을 대신 페이지.

누구에게 무슨 문제가 있는지 알고 있나요? 그것은 모든 브라우저와 호환되어야합니다.

감사합니다.

Answer 1

양식을 동적으로 작성하므로 표준 이벤트 바인딩이 작동하지 않습니다. 이벤트 위임을 사용해야합니다.

$("#content").on('submit', '#requestInfo', function(evt) { 
    evt.preventDefault(); 
}); 

Answer 2

e.preventDefault();를 호출해야합니다. false를 반환합니다.

$("#requestInfo").submit(function(event) { 
    // Code here 
    event.preventDefault(); 
    return false; 
});