javascript - 单击几次后 ModalPopupExtender 不显示

Question

我的页面中有 2 个 modalpopupextender，第一个 modalpopupextender 我用它来弹出消息，第二个我用它让用户做出一些选择。运行时，它看起来很好，但是在第一个或第二个 modalpopupextender 上打开和关闭后，它不会显示在屏幕顶部，所以我看不到它。我的意思是，它看起来没有显示在屏幕上，但是如果我使用开发人员工具检查它，我可以看到它显示在首页下方，所以我无法单击它上面的任何按钮，这使得整个页面吊死了。

我的代码如下:

<asp:UpdatePanel runat="server" ID="ModalPanel1" RenderMode="Inline"    UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Button ID="btnhidden" runat="server" Text="" Style="display: none"  OnClick="btnhidden_Click" />
            <asp:Panel ID="pnDialog" runat="server" BorderColor="#003399"
                BorderStyle="Solid" BorderWidth="3px">
                <asp:Panel ID="pnTitle" runat="server" BackColor="#003399" CssClass="Title" ForeColor="White">
                    TITLE
                </asp:Panel>
                <asp:Panel ID="Panel1" runat="server" BackColor="White" Style="padding: 8px 8px 8px 8px">
                    <div id="divContent" class="Content" style="padding-left: 6px">
                        <br />
                    <asp:HiddenField ID="hdn" runat="server" Visible="False" />
                    <asp:Label ID="MessageWord" runat="server" Text="message......." CssClass="LabelStyle"></asp:Label>
                </div>
                <hr />
                <div id="divButton">
                    <asp:Button ID="btnOK" runat="server" Text="OK" CssClass="ButtonStyle" UseSubmitBehavior="False" Width="80px" />
                </div>
            </asp:Panel>
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
            TargetControlID="btnhidden"
            PopupControlID="pnDialog"
            BackgroundCssClass="mlBackground"
            DropShadow="true"
            CancelControlID="btnOK"
            >
        </ajaxToolkit:ModalPopupExtender>
    </ContentTemplate>
</asp:UpdatePanel>

JavaScript:

function onOK() {
    $find('ModalPopupExtender1').hide();
    }

后台代码:

protected void btnOK_Click(object sender, EventArgs e)
{
    if (hdn.Value == "1")
    {
        Response.Redirect("~/FH/FHLogin.aspx");
    }
    if (hdn.Value == "2")
    {
        ModalPopupExtender1.Hide();
    }
}

截图:

请帮我解决这个问题

Answer 1

此问题已在 v16.1 release 中解决.