jquery - 如何使用jquery防止回发

Question

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

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

在上面的代码中，虽然加载工作但单击按钮 Div_2 上的（Buttion1 是 ASP.Net Server 按钮）没有显示并且 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; }

查询

$(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）你的hideshow函数不能是未定义的。将函数放在页面的en

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

4）在javascript函数返回true之后..它用于服务器端事件