c# - 如何在回发时显示div

Question

#layer1 {
    width: 575px;
    height: 400px;
    background-color: #E0E0EB;
    position: absolute;
    top: 36px;
    left: 222px;
}

#layer2 {
    width: 575px;
    height: 400px;
    background-color: #E0E0EB;
    position: absolute;
    top: 36px;
    left: 222px;
    visibility:hidden;
}

我对两个 div 都有一些控制....

<asp:HyperLink ID="HyperLink1" runat="server" onclick="f1();" NavigateUrl="#">Add Personal Details</asp:HyperLink>
<asp:HyperLink ID="HyperLink1" runat="server" onclick="f2();" NavigateUrl="#">Add Personal Details</asp:HyperLink>

点击超链接我有以下代码...

function f1() {
    document.getElementById("layer1").style.visibility = "visible";
    document.getElementById("layer2").style.visibility = "hidden";
}

function f2() {
    document.getElementById("layer1").style.visibility = "hidden";
    document.getElementById("layer2").style.visibility = "visible";
}

我有一个按钮..

<asp:Button ID="Button5" runat="server" Text="Button" />

当我点击 HyperLink 时一切正常，但是当我点击 BUTTON 时，我在 div2 中 hv 由于回发页面重置发生并且 div1 正在显示。根据 PostBack 是正确的。但我希望 div2 仅在点击按钮后显示.任何人都可以为我提供代码...请帮助...

Answer 1

如果您试图阻止 Button5 引起回发，请将 onclientclick="return false;" 添加到控件中。否则，您只需在点击事件处理程序中处理您的 div 的可见性。像这样:

protected void Button5_Click(object sender, EventArgs e)
{
    div1.Style["display"] = "block";
    div2.Style["display"] = "none";
}

为了在代码隐藏中访问您的 div，您可能需要通过添加 runat="server"

让它们成为服务器控件