php - 親ウィンドウのコンテンツを更新せずに、jQueryを使用して親ウィンドウでフォームを送信するにはどうすればよいですか（Ajax送信）

Question

親ウィンドウに含まれるフォームを子iframeからjQueryを使用して送信しようとしていますが、運が悪かったです。

子ウィンドウには、次の検証関数があります。

<script type="text/javascript" src="templates/js/jquery.js"></script>
<script type="text/javascript" src="templates/js/jquery.validate.js"></script>
<script>
    $(document).ready(function(){
        $("#form_invoice_item").validate({
            submitHandler: function (form) {

                // Check if main invoice already saved
                if ($('#invoice_id').val() == "") {

                    // Change target to processing iframe
                    try {
                        parent.$('#invoice_form').ajaxSubmit();
                    } catch(e) { //debug
                        alert ("Error:" + e);
                    }

                } else {
                    alert ("Saving invoice " + $('#invoice_id').val() + ' items');                         }

                //form.submit(); //debug
            }
        });              
    });
</script>
<form method="post" id="form_invoice_item" name="form_invoice_item" action="index.php" target="invoice_items">

で発生するエラーparent.$('#invoice_form').ajaxSubmit();は

エラー：TypeError：オブジェクト[オブジェクトオブジェクト]にはメソッド'ajaxSubmit'がありません

プレーンなJavascriptである次のスニペットを使用する場合、問題はありません（明らかに、これはjQueryではありませんが、作業は完了します）。jQueryでこれを行うにはどうすればよいですか？

parent.document.getElementById('invoice_form').target='process';
parent.document.getElementById('invoice_form').submit();
parent.document.getElementById('invoice_form').target='';

表示プロパティがhiddenに設定されているprocessという非表示のiframeがあります。

Answer 1

親セレクターを使用するだけです。

$('#invoice_form',window.parent.document)

Answer 2

これは機能するはずです：

$(parent).find('#invoice_form').submit();

Answer 3

ポップアップが表示されていて、開いているウィンドウにアクセスする場合は、を使用しますwindow.opener。

これを試して：

window.opener.$('#invoice_form').ajaxSubmit();

これの代わりに：

parent.$('#invoice_form').ajaxSubmit();

この投稿も参照してください。

- - - -編集 - - -

jQueryフォームプラグインを呼び出すウィンドウにロードすることを忘れないでください。

<script src="http://malsup.github.com/jquery.form.js"></script>

Answer 4

これを試して..

$(parent).find('#invoice_form').submit();