Cómo evitar que un iframe se vuelva a cargar al moverlo en el DOM

No lo creo, ya que el navegador va a volver a renderizar/recargar el iframe cuando se vuelva a poner en el DOM.

Http://polisick.com/moveNode.php mejor lo explica.

Para mover un nodo, llama a removeNode para sacarlo del árbol y llevarlo a la memoria, luego appendNode para 'pegarlo' de nuevo donde lo quieras.

Tuve un problema similar con un iFrame en un cuadro de diálogo jQueryUI. jQuery mueve el div (que contiene mi iFrame) fuera del DOM y porque todavía quería postbacks (duh), tuve que moverlo de nuevo. Después de leer esto y varios otros mensajes, se me ocurrió una solución.

La idea simple que noté es que el iFrame se recarga cuando se mueve. Por lo tanto, agregué el iFrame en el contenedor de diálogo (div) después de mover el div de nuevo en el DOM. Esto funciona porque a jQuery no le importa sobre lo que hay en el contenedor. Aquí hay un código de ejemplo:

Diálogo abrir/cerrar funciones:

Abierto:

function () {
    $(this).parent().appendTo("form").css("z-index", "9000"); //Move the div first
    $(this).append('<iframe id="iFrame" allowtransparency="true" frameborder="0" width="100%" height="100%" src="somePage.aspx"></iframe>');}, //then add the iframe
}

Cerrar:

function() {
    $(this).empty(); //clear the iframe out because it is added on open, 
    //if you don't clear it out, you will get multiple posts
    $(this).parent().appendTo("divHidden"); //move the dialog div back (good house-keeping)
}

Html:

<div id="divHidden" style="display: none">
    <div id="dialog" style="display: none">
    </div>
</div>

Necesita guardar el nodo' Html ' bajo el iframe y después de mover el iframe, agregarlo de nuevo