jquery - ブラウザに戻るとjQuery blockUIダイアログが開く

Question

jqueryダイアログがあり、それを開いたり閉じたりすると別のページに移動し、その後ブラウザの戻るボタンで戻ると、ダイアログが再び表示されます。これは Chrome と IE で発生しており、Firefox では発生していません。ダイアログの何を変更できますか? ありがとう！

<td class ="approval-img"><asp:ImageButton runat="server" CommandArgument = '<%# Eval("aux_approvalId")%>'  OnClick="getApprovalID_approve" ToolTip="Approve" ImageUrl="/Images/Approve.png" /></td>

 protected void getApprovalID_approve(object sender, EventArgs e)
    {   .....
        string script = "OpenApprovalDialog();";
        Page.ClientScript.RegisterStartupScript(typeof(Page), "", script, true);
    }

ダイアログを開閉する関数は次のとおりです。

function OpenApprovalDialog() {
    $.blockUI({ message: $('#approval-form'), baseZ: 10000 });
    $('#approval-form').parent().appendTo($("form:first"));
    return false;
};
$('#btnCancelApprove').click(function () {
        $.unblockUI();
        $("#approval-form").parent().detach();
        return false;
    });

そして開いたダイアログ：

<div id="approval-form" style="display: none; cursor: default" title="Approve">
   <div class="approve-change">
 <ul>
    <li>
      <p><label>Approve change:  </label><label>Reason</label></p>
      <textarea id="txtReasonApprove" runat="server" cols="1" rows="1" class="required"></textarea><br />
    </li>
    <li>
      <span>
        <button id="btnCancelApprove" class="blue-problem">Cancel</button>
        <asp:Button ID="btnApprove" runat="server" CssClass="blue-problem" Text="Approve" ToolTip = "Approve"  OnClick="ApproveChange_Click"/>
      </span>
   </li>
</ul>