成功後用iframe關閉模式

我有一個帶有iframe的Bootstrap模式。該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>

任何幫助表示讚賞！

來源

2017-08-16 Meules

的ID，如果接觸形式是你的，寫這個jQuery代碼你爲什麼不放棄'iframe'並使用'ajax get'來填充表單的html中的'modal-body'。然後連線提交按鈕關閉對話框 – Steve

嗯從描述中無法確定iframe中的表單是您自己的表單還是某種外部Web表單。

如果其自己的表單，然後在裏面的形式

$(document).ready(function() { 

      $(document).on('submit', '#myForm', function() {      

       window.parent.$('#modal').modal('hide'); 

      }); 

     });

其中myForm的是內部形式

來源

2017-08-16 17:43:58

成功後用iframe關閉模式

回答

相關問題