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。

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

1 个答案: