Question

我有一个带有iframe的Bootstrap模式。 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>

任何帮助表示赞赏！

Answer 1

如果iframe中的Form是您自己的表单或某些外部Web表单，那么从说明中不确定。

如果是你自己的表单，那么在内部表单中编写这个jquery代码

$(document).ready(function () {

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

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

            });

        });

其中myForm是内部表单的ID

成功后用iframe关闭模态

1 个答案: