함수가 true를 반환 한 후 jQuery에서 클래스를 제거하는 방법은 무엇입니까?

Question

나는 stackoverflow에 상당히 익숙하다. 그래서 그 점을 명심해라.

이 코드는 연락처 양식 유효성 검사기입니다.

사용자가 내 이메일 메시지를 보내면 내 웹 페이지에서 화살표를 제거/숨기려고합니다.

$(function() { 
// Validate the contact form 
$('#contactform').validate({ 
    // Specify what the errors should look like 
    // when they are dynamically added to the form 
    errorElement: "label", 
    wrapper: "td", 
    errorPlacement: function(error, element) { 
     error.insertBefore(element.parent().parent()); 
     error.wrap("<tr class='error'></tr>"); 
     $("<td></td>").insertBefore(error); 
    }, 

    // Add requirements to each of the fields 
    rules: { 
     name: { 
      required: true, 
      minlength: 2 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     subject: { 
      required: false, 
      minlength: 2 
     }, 
     message: { 
      required: true, 
      minlength: 10 
     } 
    }, 

    // Specify what error messages to display 
    // when the user does something horrid 
    messages: { 
     name: { 
      required: "Vul uw naam in", 
      minlength: jQuery.format("Minstens {0} karakters vereist") 
     }, 
     email: { 
      required: "Vul uw e-mail in", 
      email: "Vul een geldig e-mail adres in" 
     }, 
     subject: { 
      required: "Vul uw onderwerp in", 
      minlength: jQuery.format("Minstens {0} karakters vereist") 
     }, 
     message: { 
      required: "Vul uw bericht in", 
      minlength: jQuery.format("Minstens {0} karakters vereist") 
     } 
    }, 

    // Use Ajax to send everything to processForm.php 
    submitHandler: function(form) { 
     $("#send").attr("value", "Verzenden..."); 
     $(form).ajaxSubmit({ 
      target: "#response", 
      success: function(responseText, statusText, xhr, $form) { 
       $(form).slideUp("fast"); 
       $("#response").html(responseText).hide().slideDown("fast"); 
       $("#response").addClass("succes"); 
      } 
     }); 
     return false; 
    } 
}); 
}); 

HTML :

에서 날, 나는이 화살표/클래스는 "화살표하고자한다 날려 스크롤 화살표

JAVASCRIPT를-화살표 스크롤 :

화살표라는 클래스가 사용자가 문의 양식을 제출하면 삭제됨

<div id='contactBackground'> 
      <div class='container_24'> 
       <a class="scroll-arrow" href="#contactform"></a> 
      </div> 
     </div><!-- einde main_content --> 

연락처는 다음과 같습니다. rm :

 <div id="contact_page"> 
      <div id="gray_area"> 
       <div class="container_24"> 
        <h1 class="grid_24">Contact</h1> 
        <h3 class="grid_12">U krijgt zo snel mogelijk een bericht terug </h3> 
       </div> 
      </div> 
      <div class="container_24"> 
       <form id="contactform" action="processForm.php" method="post"> 
        <table> 
         <tr> 
          <td><label for="name"></label></td> 
          <td><input placeholder="Naam" type="text" id="name" name="name" /></td> 
         </tr> 
         <tr> 
          <td><label for="email"></label></td> 
          <td><input placeholder="Email" type="text" id="email" name="email" /></td> 
         </tr> 
         <tr> 
          <td><label for="subject"></label></td> 
          <td><input placeholder="Onderwerp" type="text" id="subject" name="subject" /></td> 
         </tr> 
         <tr> 
          <td><label for="message"></label></td> 
          <td><textarea placeholder="Bericht" id="message" name="message"></textarea></td> 
         </tr> 
         <tr> 
          <td></td> 
          <td><input type="submit" value="Verzenden" id="send" class="ease_in_100" /></td> 
         </tr> 
        </table> 
       </form> 
       <div id="response"></div> 
      </div> 
     </div> 

여러분이 저를 이해할 수 있기를 바랍니다. 그렇지 않다면, 두려워하지 말고 말해달라고하십시오. 사전에 http://nathanaelbaaij.nl/contact.php

감사 : [1] : 우리가 얘기하는

웹 페이지!

Answer 1

당신은 성공의 기능을 내부에 $("a.scroll-arrow").hide()을 추가 할 수 있습니다

success: function(responseText, statusText, xhr, $form) { 
      $(form).slideUp("fast"); 
      $("#response").html(responseText).hide().slideDown("fast"); 
      $("#response").addClass("succes"); 
      $("a.scroll-arrow").hide(); //new line 
     }