Question

$(document).ready(function () {
    $("#Div_1").show();
    $("#Div_2").hide();

    $('#Buttion1').click(function () {
        $("#Div_1").hide();
        $("#Div_2").show();
    });
});

在上面的代码中，加载工作但是点击（Buttion1是ASP.Net Server按钮）按钮Div_2没有显示关闭而Div_1没有隐藏

Answer 1

 $('#Buttion1').click(function () {

        $("#Div_1").hide();
        $("#Div_2").show();
                 return false;

}）;

Answer 2

这是正确的方法。

例如：http://jsfiddle.net/vtLMT/

HTML

<div id="div1">Div1</div>
<div id="div2">Div2</div>
<button id="btn">Click Me</button>

CSS

#div1 {  }
#div2 { display: none; }

JQUERY

$(document).ready(function() {

    $("#btn").click(function() {
    $("#div1").hide();
    $("#div2").show();
    return false;
    });

});

Answer 3

试试这个

    $(document).ready(function () {
        $("#Div_1").show();
        $("#Div_2").hide();

        $('#Buttion1').click(function () {
            $("#Div_1").hide();
            $("#Div_2").show();
            return false;
        });

    });

或

<asp:UpdatePanel runat="server">
    <ContentTemplate>
        <asp:Button Text="text" ID="Buttion1" OnClientClick="hideshow();" runat="server"
            OnClick="Buttion1_Click" />
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Buttion1" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>
<div id="Div_1">
</div>
<div id="Div_2">
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $(document).ready(function () {
            $("#Div_1").show();
            $("#Div_2").hide();
        });

    })
    function hideshow() {
        $("#Div_1").hide();
        $("#Div_2").show();
        return true;
    }
</script>

服务器端代码

    protected void Buttion1_Click(object sender, EventArgs e) { 
        //server side code
    }

请注意：

1）你的两个div必须在更新侧面。

2）你的隐藏显示功能不能是未定义的。在页面的en上打开功能

3）在按钮客户端点击调用hideshow函数返回true

4）javascript函数返回true..it转到服务器端事件

如何使用jquery防止回发

3 个答案: