Tengo un botón y un iframe. Cuando se hace clic en el botón, se abre una página en el iframe. Tengo otro botón, cuando se hace clic en él, se supone que debe agregar html personalizado a la página ya cargada en el iframe, pero no funciona.

HTML:

 <a href="#" onclick="site_load_1();" id="site_button_1">Load page in Iframe</a> <a href="#" onclick="update_iframe();">Update iframe</a> <iframe src="" width="100%" height="500px" id="main_iframe"></iframe>

El jQuery para cargar la página en iframe funciona bien:

 function site_load_1() { $('#main_iframe').attr('src', "https://bing.com"); }

El jQuery para actualizar iframe con html personalizado no funciona:

 function update_iframe() { var myFrame = $("#main_iframe").contents().find('body'); var newContent = "<h1>hello</h1>"; myFrame.html(newContent); }

Sin embargo, funciona cuando el iframe está vacío, como cuando la página no se ha cargado a través del primer botón.