2014-10-28 2 views
-1

2 초 후에 "이 양식을 사용해 주셔서 감사합니다"라고 말한 후 submit을 누르면 녹색 div 메시지를 생성하는 플러그인이있는 양식이 있습니다. . 처리 할 때 메시지가 없으므로 제출 버튼을 누른 후 작동하는 메시지를 만들었습니다.요소가 jQuery로 생성되었는지 확인

  • 내 "처리"메시지가 생성됩니다 지금까지

    내 코드 :이 제출 '버튼을 클릭 한 후 어떻게 작동하는지

    jQuery(document).ready(function($) { 
        /* when I press submit... */ 
        jQuery('.halfrow2 button[type=submit]').click(function(event) { 
         /* if first name input isn't empty */ 
         if(jQuery('input#InputFirstname').val()){ 
         /* show this message */ 
         jQuery(this).parent().append('<div id="processingMessage">Hold on...</div>'); 
         } 
        }); 
    }); 
    

    그러나, 지금까지입니다.

  • "감사합니다"라는 메시지가 생성됩니다.
  • "감사합니다"하나를 닫습니다. "처리 중"메시지가 계속 표시됩니다.

"감사합니다"라는 메시지가 나타나면 즉시 지울 수 있기를 원합니다.

+1

후 당신이 제발이 코드를입니다. – j08691

+0

코드를 추가했습니다. –

+2

왜'.ajaxComplete()'가 당신이 찾고있는 것이 아닌가요? – Spokey

답변

0

신경 끄시 고, .ajaxComplete 대답

jQuery(document).ready(function($) { 
    /* when I press submit... */ 
    jQuery('.halfrow2 button[type=submit]').click(function(event) { 
     /* if first name input isn't empty */ 
     if(jQuery('input#InputFirstname').val()){ 
     /* show this message */ 
     jQuery(this).parent().append('<div id="processingMessage">Hold on...</div>'); 
     } 
    }); 
}); 
    /* trigger if something happens within the document */ 
    jQuery(document).ajaxComplete(function() { 
    /* if "thank you" message appears */ 
    if (jQuery('.alert.alert-success').length){ 
     /* remove "processing" message */ 
     jQuery('#processingMessage').remove(); 
    } 
    }); 
}); 
+0

아약스가 처리를 끝내면 처리가 끝났기 때문에 존재하는지 확인해야한다고 생각하지 마십시오. 플러그인에 실패 상태와 같은 팝업이 있거나 가장 다른 가능성이있는 클래스와 함께 시간 초과 된 경우 해당 플러그인도 확인해야합니다 – Spokey