Boxy模式插件返回按钮在表单提交后再次显示

Question

我正在使用boxy jquery插件来显示我的模态表单。http://onehackoranother.com/projects/jquery/boxy/

在页面上，我生成了一个模态，其中包含一个提交给自己的表单，如下所示：

<script type='text/javascript'>
    $(function() {
        $('.boxy').boxy({modal: true, closeText: '', draggable: false, unloadOnHide:      true});
    });
</script>
<div class="reportPop hiddenContent" id="reportPop">
    <form action="" method="post" name="reportContent">
        <p><?php echo $t_report_content_message_text; ?></p>
        <br />
        <input type="hidden" value="<?php echo $post->ID ?>" name="reported_item_id" />
        <input type="hidden" value="Question" name="reported_type" />
        <input type="hidden" value="<?php echo $post->ID; ?>" name="question_id" />
        <input type="hidden" value="1" name="report_content" />
        <input type="submit" value="<?php echo $t_report_question;?>" />
    </form>
    <div class="clear"></div>
</div>

我拥有表单提交的所有功能，但一旦我提交表单并尝试使用后退按钮，它就会再次显示模态，这不是理想的体验。正在查看之前没有打开模式的页面。

有什么想法吗？

Answer 1

我想在提交表单时隐藏表单将解决您的问题请尝试这个代码：

<script type='text/javascript'>
    $(function() {
        $('.boxy').boxy({modal: true, closeText: '', draggable: false, unloadOnHide:      true});
        $('#myForm').submit(function(){
            var self = $(this);
            $('#reportPop').hide("normal",function(){
                self.submit();
            });
            return false;
        });
    });
</script>
<div class="reportPop hiddenContent" id="reportPop">
    <form id="myForm" action="" method="post" name="reportContent">
        <p><?php echo $t_report_content_message_text; ?></p>
        <br />
        <input type="hidden" value="<?php echo $post->ID ?>" name="reported_item_id" />
        <input type="hidden" value="Question" name="reported_type" />
        <input type="hidden" value="<?php echo $post->ID; ?>" name="question_id" />
        <input type="hidden" value="1" name="report_content" />
        <input type="submit" value="<?php echo $t_report_question;?>" />
    </form>
    <div class="clear"></div>
</div>