0

モーダルフォームを表示するためにboxyjqueryプラグインを使用しています。 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>

フォーム送信ですべての機能が機能していますが、フォームを送信して[戻る]ボタンを使用しようとすると、モーダルが再び表示されますが、これは望ましいエクスペリエンスではありません。モーダルを開かずに前のページを見ているだけです。

何か案は？

4

1 に答える 1

0

フォームを送信するときにフォームを非表示にすると問題が解決すると思いますが、次のコードを試してください:

<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>
于 2012-09-08T11:37:14.660 に答える