숨겨진 기능 숨겨진 연락처 양식

문의 양식 보내는 중, 문제가 없습니다. 자바 스크립트 코드; hide() 함수가 작동하지 않습니다. html div id = "contactform"을 숨기려고합니다.숨겨진 기능 숨겨진 연락처 양식

무엇이 문제입니까? div의 연락처 양식 html 왜 작동하지 않는가?

HTML 코드가

<!--sending after div hide not working?--> 
<div id="contactform"> 
          <form id="contact" action=""> 
          <fieldset> 
           <label for="name" id="name_label">NAME</label> 
           <input type="text" name="name" id="name" size="50" value="" class="text-input" > 
           <span class="error" id="name_error">PLEASE NAME</span> 
           <label for="email" id="email_label">EMAIL</label> 
           <input type="text" name="email" id="email" size="50" value="" class="text-input" > 
           <span class="error" id="email_error">PLEASE EMAIL</span> 
           <span class="error" id="email_error2">EMAIL ERROR</span> 
           <label for="phone" id="phone_label">TELEPHONE</label> 
           <input type="text" name="phone" id="phone" value="" class="text-input" > 
           <label for="msg" id="msg_label">MESSAGE TEXT</label> 
           <textarea cols="60" rows="5" name="msg" id="msg" class="text-input"></textarea> 
           <span class="error" id="msg_error">PLEASE MESSAGE</span><br > 
           <input type="submit" name="submit" class="button" id="submit_btn" value="Gonder" > 
          </fieldset> 
          </form> 
          <div id="message"></div> 
         </div>

자바 스크립트 코드

  jQuery.ajax({ 
      type: "POST", 
      url: "aspmail.asp", 
      data: dataString, 
      success: function() { 
      jQuery('#contactform').html("<div id='message'></div>"); 
      jQuery('#message').html("<strong>Message send</strong>") 
     .append("<p>thank you</p>") 
     .hide() // not working hide? 
       .fadeIn(1500, function() { 
       jQuery(''); 
      }); 
      } 
     }); 
     return false; 
     }); 
    });

출처

2014-01-05 user3162306

발생하지 않습니다 무엇 ? JS 코드에서 일어날 것으로 예상되는 모든 레이블 및 입력 필드가 사라질 때까지 페이드 인하려면 "Message send you thank you"라는 텍스트가 사라집니다. (실제로 _is_ 본문을 붙여 넣을 때 무슨 일이 발생합니까? 성공 처리기를 다음과 같은 테스트에 포함시킨다 : http://jsfiddle.net/64Bj8/)'.hide()'때문에 라벨과 입력이 사라지는 이유는'# .hide()'의 내용을 덮어 쓰기 때문이다. contactform' div with'jQuery ('# contactform') .html ("

");'. – nnnnnn

양식 보내기 후에 div id = "contactform"숨기기가 작동하지 않습니까? – user3162306

브라우저의 콘솔에 오류가 있습니까? 성공 처리기가 호출되고 있는지도 확신합니까? 성공 함수의 첫 번째 줄로'alert ("In success");를 추가해보고 무슨 일이 일어나는지보십시오. – nnnnnn

해보십시오 .CSS ("표시", "없음") 대신 숨기기() 실제로

출처

2014-01-05 11:08:21

나는 이해가 안돼, 어떻게? – user3162306

'.hide()'가 그렇게하지 않으면 왜 작동할까요? – nnnnnn

뒤에 양식을 보내면 div id = "contactform"숨기기가 작동하지 않습니다. – user3162306

숨겨진 기능 숨겨진 연락처 양식

답변

관련 문제