javascript淡出但不淡入 [英] javascript fades out but does not fade in

问题描述

我有以下代码：

< script type =   text / javascript src =   http： //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\"></script> 
< script type =   text / javascript> 
  function  goToSignup（）{
 $（  #register）。fadeIn（  fast）; 
 $（ ＃login）。fadeOut（  fast）; 
} 
  function  goToLogin（）{
 $（ < span class =code-string>＃login）。fadeIn（  fast）; 
 $（  #register）。fadeOut（  fast）; 
} 
< / script> 
 

这是我的asp代码：

 <   div     id   =  login    class   = 动画形式 >  
 <   p  >  
 <  标签      = 用户名    class  <跨度class =code-keyword> =  uname    data-icon   =  u   > 您的用户名<   / label  >  
 <   asp：Textbox     runat   =   server    id   = 用户名     名称  = 用户名    type   =  text   占位符  =  myusername  /  >  
 <   / p  >  
 <   p  >  
 <   label     for   = 密码    class   =  youpasswd    data-icon   =  p > 您的密码<   / label  >  
 <   asp ：文本框    runat   =  server    id   = 密码     名称  =  password    type   = 密码   占位符  = 例如。 X8df！90EO    /  >  
 <   / p  > ;  
 <   p     class   =  keeplogin >  
 <   input     type   = 复选框   名称  =  loginkeeping    id   =  loginkeeping    value   =  loginkeeping    /  >  
 <   label       =  loginkeeping > 让我登录<   / label  >  
 <   / p  >  
 
 <   / div  >  
 
 <   div     id   =  register    class   = 动画形式   >  
 <   p  >  
 <  标签      =  usernamesignup   类  =  uname    data-icon   =  u > 名字<   / label  >  
 <   label       =  usernamesignup    class   =  uname      style   = 颜色：红色; >  * <   / label  >  
 <   asp：CustomValidator     ID   =  CustomValidator2    runat   =  server   显示  = 动态  
   
                   ValidationGroup   =  registerGRP    字体粗体  =  true    ForeColor   = 红色    onservervalidate   =  cusCustom_RegisterValidate  >  <   / asp：CustomValidator   >  
 <   asp：文本框    runat  < span class =code-keyword> =  server    id   = 名字   名称  =  usernamesignup    type   =  text   占位符  =  mysuperusername690    /  >  
 <   / p  >  
 <   p  >  
 <   label     for   =  usernamesignup    class   =  uname < span class =code-attribute>   data-icon   =  u > 姓氏<   / label  >  
 <   label     for   =  usernamesignup   类  =  uname      style   = < span class =code-keyword> color：red; >  * <   / label  >  
 <   asp：文本框    runat  < span class =code-keyword> =  server    id   = 姓氏    名称  = < span class =code-keyword> usernamesignup    type   =  text   占位符  =  mysuperusername690    /  >  
 <   / p  >  
 <   p  >  
 <   / div  >  

这是我的vb.net代码：

 受保护的  Sub  btn_login_Click（发件人作为 对象，e 作为 System.EventArgs）句柄 btn_login.Click 
 如果会话（ 有效）然后 
 ScriptManager.RegisterStartupScript（ Me  .Page， Me 。[ GetType ]（）， < span class =code-string> foo，  g oToLogin（）， True ）
 结束 如果 
 结束  Sub  
 
 受保护的  Sub  btn_signup_Click（发件人作为 < span class =code-keyword> Object ，e  As  System.EventArgs） Handles  btn_signup.Click 
 '  Dim tbUserName As TextBox = Page.FindControl（username） 
 '  tbUserName.required = False  
 ScriptManager.RegisterStartupScript（我 .Page，我。[ GetType ]（），< span class =code-string>  foo，  goToSignup（）， True ）
 结束  Sub  

当我点击按钮时，div淡出，但当我检查我的页面时，另一个div不会淡入我获得容器但它是隐形的页面



有什么建议吗？

解决方案

（ #register）。fadeIn（ fast）;

（ ＃login）。fadeOut（ fast）;
}
function goToLogin（）{

（ ＃login）。fadeIn（ 快）;

i have the following code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script  type="text/javascript">
       function goToSignup() {
           $("#register").fadeIn("fast");
           $("#login").fadeOut("fast");
       }
       function goToLogin() {
           $("#login").fadeIn("fast");
           $("#register").fadeOut("fast");
       }
   </script>

that's my asp code:

   <div id="login" class="animate form">
      <p> 
          <label for="username" class="uname" data-icon="u" > Your username </label>
          <asp:Textbox runat="server" id="username"  name="username" type="text" placeholder="myusername"/>
     </p>
     <p> 
     <label for="password" class="youpasswd" data-icon="p"> Your password </label>
     <asp:Textbox runat="server" id="password"  name="password" type="password" placeholder="eg. X8df!90EO" /> 
     </p>
     <p class="keeplogin"> 
<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
<label for="loginkeeping">Keep me logged in</label>
   </p>

   </div>

   <div id="register" class="animate form" >
     <p> 
       <label for="usernamesignup" class="uname" data-icon="u">Firstname</label>
      <label for="usernamesignup" class="uname"  style="color: red;">*</label>
         <asp:CustomValidator ID="CustomValidator2" runat="server" Display="Dynamic"

        ValidationGroup="registerGRP" Font-Bold="true" ForeColor="Red" onservervalidate="cusCustom_RegisterValidate"></asp:CustomValidator>
      <asp:Textbox runat="server" id="Firstname" name="usernamesignup" type="text" placeholder="mysuperusername690" />
        </p>
      <p> 
     <label for="usernamesignup" class="uname" data-icon="u">Lastname</label>
     <label for="usernamesignup" class="uname"  style="color: red;">*</label>
      <asp:Textbox runat="server" id="Lastname" name="usernamesignup" type="text" placeholder="mysuperusername690" />
      </p>
       <p> 
       </div>

that's my vb.net code:

    Protected Sub btn_login_Click(sender As Object, e As System.EventArgs) Handles btn_login.Click
    If Session("valid") Then
        ScriptManager.RegisterStartupScript(Me.Page, Me.[GetType](), "foo", "goToLogin()", True)
    End If
End Sub

Protected Sub btn_signup_Click(sender As Object, e As System.EventArgs) Handles btn_signup.Click
    'Dim tbUserName As TextBox = Page.FindControl("username")
    'tbUserName.required = False
    ScriptManager.RegisterStartupScript(Me.Page, Me.[GetType](), "foo", "goToSignup()", True)
End Sub

when i click on the button the div fades out but the other div does not fade in when i inspect my page i get the container but it's invisible in the page

any suggestions?

解决方案

("#register").fadeIn("fast");

("#login").fadeOut("fast"); } function goToLogin() {

("#login").fadeIn("fast");

这篇关于javascript淡出但不淡入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！