成功后用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关闭模式

回答

相关问题