Estoy tratando de cambiar dinámicamente el tamaño de la altura de un iFrame usando " iframe-resizer " Sin embargo, esto no funciona como se esperaba.
He agregado este código a mi documento HTML de visualización
<script src="js/iframeResizer.min.js"></script> <iframe id="myIframe" src="l3-main.html"></iframe> <script> iFrameResize({ log: true }, '#myIframe') </script>y este código a mi documento HTML de contenido iframe
<script type="text/javascript" src="js/iframeResizer.contentWindow.min.js"></script>así como esto en mi archivo css
iframe { width: 1px; min-width: 100%; border: none; }Sin embargo, recibo este error al ver la página en la consola:
Error de referencia no detectado: iFrameResize no está definido
Buscando a través de stackoverflow y otros recursos, aún no he podido encontrar una solución, gracias de antemano a cualquiera que tenga sugerencias.
tal vez no tengas instalado el código min.js. Usa código como el código en la documentación, pero no usa un <style> con un ancho de 1px y un ancho mínimo del 100%.
El código de la pregunta es correcto. Comprobaría que el archivo JS se carga correctamente.