JavaScript исчезает, но не исчезает

0

У меня есть следующий код:

 <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>

что мой код asp:

   <div id="login" class="animate form">

       <h1>Log in</h1> 
      <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" >
    <h1> Sign up </h1> 
     <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>

что мой код vb.net:

    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

когда я нажимаю кнопку, div исчезает, но другой div не исчезает, когда я проверяю свою страницу, я получаю контейнер, но он невидим на странице

какие-либо предложения?

1 ответ

0
Лучший ответ

проверьте, установлен ли в вашем css

visibility:hidden;

для одной из ваших панелей. Becase fadein работать над

display:none;

здесь есть обходное решение:

   function goToSignup() {
        $('#register').css('visibility','visible').hide().fadeIn('fast');            
        $("#login").fadeOut("fast");
    }
    function goToLogin() {
        $('#login').css('visibility','visible').hide().fadeIn('fast');            
        $("#register").fadeOut("fast");
    } 
  • 0
    это не работает .. у вас есть другой способ показать div скрыть еще один в javascript?
  • 0
    кажется, все работает правильно, проверьте демо здесь: jsfiddle.net/sgnPc/1 Если ваш код не работает, используйте JSFiddle и опубликуйте там свой выходной код (HTML + CSS + JS), чтобы я мог посмотреть ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню