.click 다음에 replaceWith를 사용할 때의 문제

Question

아마도 멍청한 놈의 단순한 오류 일지 모르지만 그걸 알아낼 수는 없습니다. 제출 버튼이 있는데 사용자가 그것을 클릭하면 사라지고 "정보를 보내 주셔서 감사합니다"로 바뀝니다.

<script> 

$(document).ready(function() { 

$('#emailsubmit').onClick(function() { 
$(this).replaceWith('<p>Thanks for signing up!</p>'); 

)}; 
)}; 

</script> 

<input id="emailsubmit" name="submit" type="submit" value="Send " /> 

나에게 좋아 보이지만 클릭에 아무 일도 발생하지 않습니다 :

여기에 내가 가진거야. 모든 조언을 크게 주시면 감사하겠습니다.

Answer 1

함수의 이름은 click하지 onClick, 당신은 구문 오류의 몇 부팅해야합니다. jQuery의 별칭 이벤트 방법과

$(document).ready(function() { 
    $('#emailsubmit').click(function() { 
     $(this).replaceWith('<p>Thanks for signing up!</p>'); 
    }); 
}); 

Answer 2

당신을 최대한 활용 click 대신 onClick

Answer 3

당신은 혼란하고 인라인, DOM 제로 이벤트 (onClick).

jQuery는 click 방법 (on('click...의 줄임말)을 사용하지만 onClick() 방법은 없습니다. 이렇게하면 오류가 발생합니다. 즉, 먼저 브라우저 콘솔을 참조해야합니다.

$('#emailsubmit').on('click', function() {... 

Answer 4

click이 아닌 이름은 onClick입니다.

또한 제출 버튼을 제거하면 양식이 게시되지 않습니다. 대신 숨기기 :

$(this).hide().after('<p>Thanks for signing up!</p>');