Javascript Jquery 양식 숨기기

-3

PHP를 통해 제출하는 js 및 html 양식이 있습니다. 일단 제출되면, 이메일이 전송되고 php는 jquery를 사용하여 폼의 맨 아래에 추가 된 성공 메시지를 반환합니다.Javascript Jquery 양식 숨기기

submitHandler: function(form) { 
    $.ajax({ 
     type: 'POST', 
     url: 'process.php', 
     data: $(this).serialize(), 
     success: function(returnedData) { 
      $('#commentForm').append(returnedData); 
     } 
    }); 
    return false; 
},

대신, 나는 JS 제거하고 다시 (숨기기 및 삭제) 코멘트 양식을 여전히 #commentForm

출처

2012-03-22 Nick B

아무 것도 성공하지 못했습니다. 어떤 조언을 주셔서 감사합니다 –

실패한 시도 표시. –

왜 내 질문에 downvote거야? 이 질문에는 아무런 문제가 없습니다. 간결하고 명확합니다. 실제로는 –

remove() 기능이 그 않는 같은 위치에 반환 된 데이터를 추가 할 수 있습니다. @ 고르 - TURBODISEL는 sayd 내용에 따라

$('#commentForm').remove();

출처

2012-03-22 07:49:33

.remove(); 작동하지만 .append()와 충돌하는 것 같습니다. 내가 반환 된 데이터를 추가 할 수 있지만 양식을 제거 할 수 있습니까? –

'$ ('# commentForm') .html (''). append (returnedData);'this? –

고마워요. 정확히 무슨 뜻인가요? 유일한 문제는 폼이 제거되기 전에 PHP가 액세스되는 동안 폼이 기다려야한다는 것입니다. 나는 당신에게 답을 줄 예정이지만 성공에 대한 것이 라기보다는 clickForm에서 commentForm을 제거하는 방법에 대한 아이디어가 있다면 고맙겠습니다. 도와 주셔서 감사합니다. –

하지만, 더 나은 애니메이션 당신이 1 초에 양식을 숨 깁니다 먼저이

$('#commentForm').slideUp(1000, function(){ 
    $(this).html(returnedData).show('fast'); 
});

을 할 수 있으며, HTML emptys 완료되면, returnedData에두고 다시 표시합니다.

출처

2012-03-22 08:11:04 MakuraYami

이 질문에 유익한 정보를 제공해 주셔서 감사합니다. –

Javascript Jquery 양식 숨기기

답변

관련 문제