удалить содержимое DIV и добавить IFRAME

Question

В моем приложении я хочу, чтобы удалить содержимое Div и добавить IFRAME, вот мой код

index.html

<div data-role="page"> 
    <div data-role="header" > 
    <div data-role="content" id="contents"> 
     <a href="#" data-role="button" onclick="cif()"><img src="images/zo_connect.png"></a> 
     </div> 

    </div><!-- /content --> 
</div><!-- /page --> 

default.js функция СИФ() {

$("#contents").remove(); 
$("#contents").html('<iframe src="http://google.com" style="height: 100%; width: 100%"></iframe>'); 

}

, когда я удалить содержимое Div и после этого создать IFRAME я t не отображается, мне нужно, чтобы после нажатия кнопки удалить содержимое и после этого в этом содержимом создать iframe

Answer 1

Ну, если вы удалите «содержимое», оно исчезло ... Вы не можете изменить его html() , так как он ушел. Возможно, вы захотите пропустить первую строку.

Answer 2

$('#contents").remove() удаляет всю <div id='contents'></div>

Вы ищете $('#contents").empty(), который удалит все внутри `.html <div id='contents'>