Necesito recargar mi página principal después de cerrar iframe. Uso jquery para abrir modal y .html() para agregar parámetros iframe html.
Esto se abre cuando hago clic en mi id a href="#ex2"
<div><a href="#ex2" rel="modal:open" >Prueba de Maquillaje</a></div>
Esto llama a mi función y agrega el iframe en mi id idcart
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- jQuery Modal --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" /> <script> $('.close-modal ').click(function() { location.reload(); }); var requestOptions = {method:'GET', redirect:'follow'}; fetch("https://modiface--locatelcolombia.myvtex.com/api/checkout/pub/orderForm/", requestOptions) .then(response => response.json()) .then(function(r) { cartId = r['orderFormId']; $("#idCart").html("<iframe src='http://localhost:81/proyectoModiface/modiface/index.php?cartId="+cartId+"' class='frameModiface' id='pruebasId' allow='camera' name='iframe_a'></iframe>"); }); </script>``` This is my idCart div id ``` <div id="ex2" class="modal"><div id="idCart"></div></div>```