2017-08-16 26 views
0

私はiframeを内部に持つブートストラップモーダルを持っています。 iframeにはアップローダーとの連絡フォームがあります。私は、フォームが提出されたときにモーダルを閉じたいです。成功した後、iframeでモーダルを閉じる

どうすればよいですか?

私は

success:function(){ 
    $('#modal .close', parent.document).trigger('click'); 
} 

しかし、明らかに、クロスドメインアクセスのためにブロックされていることを使用しようとしました。

モーダル:

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 
      <h4 class="modal-title" id="myModalLabel">{{ 'Vraag uw beregeningsplan aan' | t }}</h4> 
      </div> 
      <div class="modal-body"> 
      <iframe></iframe> 
      </div> 


     </div> 
     </div> 
    </div> 



    <script> 
     $(document).ready(function() { 

     $('#modal').on('shown.bs.modal',function(){ 
      $(this).find('iframe').attr('src','//link-to-form/') 
     }); 

     }); 
    </script> 

すべてのヘルプ感謝!

+0

ためのIDである内部形式

$(document).ready(function() { $(document).on('submit', '#myForm', function() { window.parent.$('#modal').modal('hide'); }); }); 

で、このjqueryのコードを書く場合

なぜあなたはしないでください'iframe'を放棄し、' ajax get'を使って 'modal-body'にフォームのhtmlを設定します。次に、送信ボタンを押してダイアログを閉じます – Steve

答えて

0

iframe内のフォームが独自のフォームまたは一部の外部Webフォームであるかどうかは、説明からわかりません。その独自のフォームは、その後、連絡先フォームは、あなたのであればあるmyFormは内部形式

関連する問題