jquery post 문제

Question

제가 양식을 가지고 있고 제출을 클릭하면 스크립트가 실행됩니다.

 if(hasError == false) { 
     $(this).hide(); 
     $("#myForm").fadeOut("fast", function(){ 
      $("#myForm").before('<img src="../images/loading.gif" alt="Loading" id="loadingImage" />'); 
     }); 

     $.post("mail.php", 
      { emailFrom: emailFromVal, emailName: nameVal, emailMessage: messageVal }, 
       function(data){ 
        $("#loadingImage").fadeOut("fast", function() {     
         $("#loadingImage").before('<p>Your message has been sent. Cheers!</p>');            
        }); 
       } 
      ); 
    } 

양식이 제출, 로딩 이미지를 표시합니다 ... 그리고 유지! : 코드의

부분은 로딩 이미지가 표시되는 동안에

내가 방화범을 사용하는 경우

, 콘솔에 입력 :

는

$("#loadingImage").fadeOut("fast", function() {     
         $("#loadingImage").before('<p>Your message has been sent. Cheers!</p>');   

이미지가 사라지고 텍스트가 나타납니다.

왜?

덕분에 많은

참고 : 이메일이 문제는 모든 DOM 요소의 jQuery 방법과 바인더 제본 된 후 새로운 요소가 추가 된 점이다

Answer 1

전송됩니다. 동적 요소는 일단로드되면 바인드해야합니다. 가장 빠른 해결책은 첫 번째 페이드 아웃은 IMG 후 종료됩니다

<img src="../images/loading.gif" alt="Loading" id="loadingImage" style="display:none" /> 

Answer 2

페이지가로드가 생성 될 때 jQuery를이 요소를 결합 할 수 있도록 페이지의 HTML을 추가하는 것입니다. 당신은 수행해야합니다

if(hasError == false) { 
     $(this).hide(); 
     $("#myForm").fadeOut("fast", function(){ 
      $("#myForm").before('<img src="../images/loading.gif" alt="Loading" id="loadingImage" />'); 
      $.post("mail.php", { emailFrom: emailFromVal, emailName: nameVal, emailMessage: messageVal }, 
       function(data){ 
        $("#loadingImage").fadeOut("fast", function() {     
         $("#loadingImage").before('<p>Your message has been sent. Cheers!</p>');            
        }); 
       } 
      );   
     }); 
} 

당신이 볼 수 있듯이

는, 우리는 첫 번째 fadeOut() 콜백 함수에 $.post() 전화를 옮겼습니다.

희망이 도움이됩니다. 건배