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>
すべてのヘルプ感謝!
ためのIDである内部形式
で、このjqueryのコードを書く場合
なぜあなたはしないでください'iframe'を放棄し、' ajax get'を使って 'modal-body'にフォームのhtmlを設定します。次に、送信ボタンを押してダイアログを閉じます – Steve