jquery - 无法使用 jQuery 提交按钮淡出 div

Question

我需要一点帮助，我的 friend 让我在这里问，希望有人能帮助我，谢谢。

当我成功发送带有 .asp 表单的表单时，我正在尝试使我的洞 div 'primaria' 淡出，然后使 div 'secundaria' 淡入(她具有显示:无属性)

<div id="primaria">

    <div class="escrita">

         <p class="fontegrande">CADASTRE-SE </p>
         <p class="fontepequena">E RECEBA NOSSAS</p> 
         <p class="fontemedia">PROMOÇÕES EXCLUSIVAS</p>
     </div>

         <div class="formulario">
            <form id="formform" name="news" action="newsletter_xp.asp" method="post" class="validate send-ajax">
                <input id="formvalue_name" type="text" name="nome" value="Seu nome:2" title="required:true;msg_nome:'Informe seu nome.';cleanup:true;">
                <input id="formvalue_email" type="email" name="email" value="Seu email:2" title="required:true;email:true;msg_email:'Informe um e-mail válido.';cleanup:true;">
                <input type="hidden" name="acao" value="IN">
                <input class="hide" type="submit" value="Cadastrar" title="Cadastrar">
                <a href="#"  class="submit" title="Cadastrar" id="formvalue_send">CADASTRAR</a>

            </form>
         </div>

    </div>  

     <div id="secundaria">

         <div class="escrita2">
             <p class="fontegrande2">PRONTO!</p>
             <p class="fontemedia2">SEU CADASTRO FOI</p>
             <p class="fontepequena2">REALIZADO COM SUCESSO</p>                                     
        </div>
    </div>
</div>

和脚本:

<script>

   $('#formform').submit(function(e){
      $('#primaria').fadeOut('slow',function(){
         $('#secundaria').fadeIn('slow');
      });
   });
</script>

Answer 1

试试这个:

http://jsfiddle.net/h4nov4qf/

<div id="primaria">

    <div class="escrita">

         <p class="fontegrande">CADASTRE-SE </p>
         <p class="fontepequena">E RECEBA NOSSAS</p> 
         <p class="fontemedia">PROMOÇÕES EXCLUSIVAS</p>
     </div>

         <div class="formulario">
            <form id="formform" name="news" action="newsletter_xp.asp" method="post" class="validate send-ajax">
                <input id="formvalue_name" type="text" name="nome" value="Seu nome:2" title="required:true;msg_nome:'Informe seu nome.';cleanup:true;">
                <input id="formvalue_email" type="email" name="email" value="Seu email:2" title="required:true;email:true;msg_email:'Informe um e-mail válido.';cleanup:true;">
                <input type="hidden" name="acao" value="IN">
                <input class="hide" type="submit" value="Cadastrar" id="btn" title="Cadastrar">
                <a href="#"  class="submit" title="Cadastrar" id="formvalue_send">CADASTRAR</a>

            </form>
         </div>

    </div>  

     <div id="secundaria">

         <div class="escrita2">
             <p class="fontegrande2">PRONTO!</p>
             <p class="fontemedia2">SEU CADASTRO FOI</p>
             <p class="fontepequena2">REALIZADO COM SUCESSO</p>                                     
        </div>
    </div>
</div>

<script>
$('#btn').click(function(e){
      e.preventDefault();
      $('#primaria').fadeOut('slow',function(){
         $('#secundaria').fadeIn('slow');
      });
   });
</script>

<style>
#secundaria
{
    display: none;    
}
</style>