单击浏览器的后退按钮时如何隐藏 ajax 模态弹出扩展器？

Question

我在 asp.net 的服务器端单击按钮期间使用 ajax 模式弹出扩展器显示了一条确认消息。显示该确认消息后，当我单击浏览器的后退按钮时，再次弹出相同的确认消息。单击浏览器的后退按钮时如何隐藏弹出消息？

我的代码是

    <asp:Button ID="btnShowPopup" runat="server" Style="display: none" />
    <asp:Panel runat="server" ID="pnlInterfaceDetails" Style="display: none;">
                <asp:Label ID="Label1" runat="server" Text="Confirmation Message" Font-Bold="true"
                    Font-Size="10pt" Style="color: White; font-family: Sans-Serif Verdana Arial"></asp:Label>
                <table>
                    <tr style="height: 35px">
                        <td colspan="2">
                            <b><span style="color: Black;">Data Saved Successfully.</span></b>
                        </td>
                    </tr>
                    <tr style="height: 35px">
                        <td align="center" colspan="2">
                            <asp:Button runat="server" ID="btnConfirmClose" Text="Close" ToolTip="Close" Width="65px"
                                OnClick="btnConfirmClose_Click" CssClass="buttonOrangebg" />
                        </td>
                    </tr>
                </table>
    </asp:Panel>
    <asp:ModalPopupExtender runat="server" ID="mpeInterfaceDetails" TargetControlID="btnShowPopup"
        BackgroundCssClass="modalBackground" PopupControlID="pnlInterfaceDetails" />
</div>

Answer 1

这样的事情应该可以工作。

$(window).on('beforeunload', function(){ 
    $('your behaviorid').hide();
});

如果您想变得更漂亮，您可以检测返回历史记录，但这会在页面卸载时将其隐藏。这是在卸载之前，如果您愿意，您还可以在其中添加提示以确保他们想要单击返回。

以上需要Jquery。