单击asp按钮后隐藏的html元素

时间:2012-02-14 14:19:20

标签: c# jquery asp.net html

我有一些html控件,默认显示值为none。我有一个显示这种形式的锚。

形式:

  <div id="login_container">
                    <div id="login_close">
                        <img src="images/close.png" align="close" title="close" />
                    </div>
                    <h2>
                        Login</h2>
                    <h5 id="incorrect_login" runat="server">
                        Username or Password is incorrect</h5>
                    <span>
                        <p>
                            Username:</p>
                        <asp:TextBox ID="txtUserName" runat="server" CssClass="textbox" />
                    </span>
                    <br />
                    <span>
                        <p>
                            Password:</p>
                        <asp:TextBox ID="txtPasswrod" runat="server" CssClass="textbox" TextMode="Password" />
                    </span><span>Remember Me
                        <input type="checkbox" id="chkbRememberMe" class="checkox" runat="server" />
                    </span>
                    <input type="button" class="default_button" id="btnLogin" value="Login" runat="server"
                        onserverclick="btnLogin_Click" />
                    <br />
                    <div id="forgot">
                        <a href="#">Forgot you username?</a>
                        <br />
                        <a href="#">Forgot you password?</a>
                    </div>
                </div>
            </div>

jquery的:

  var AnimateLoginShow = function () {
        $('#login_form').css('display', 'none');
        $('#back_drop, #login_container').animate({ 'opacity': '0.3' }, 200, 'linear');
        $('#login_container').animate({ 'opacity': '1.00' }, 0, 'linear');
        $('#login_container').animate({ 'width': '430' }, 150, 'linear');
        $('#login_container').animate({ 'height': '280' }, 150, 'linear');
        $('#login_form').css('display', 'block');
        $('#login_form').animate({ 'opacity': '1.00' }, 300, 'linear');
        $('#back_drop, #login_container').css('display', 'block');
    }

    $('#login').click(function () {
        AnimateLoginShow();
    });

所以我的问题是,当用户点击登录按钮(在此表单上)时,此表单后面的代码是返回其原始状态(显示:无)

p.s此表单位于ajax更新面板

1 个答案:

答案 0 :(得分:2)

看起来您需要通过调用ScriptManager.RegisterStartupScript方法来添加脚本以在页面上显示元素:

ScriptManager.RegisterStartupScript(this, this.GetType(), this.ID, "$('#back_drop, #login_container').css('display', 'block');", true);