Fancy box not opening iFrame second time

Question

primo post - Ciao! Uso fancybox (Fancybox homepage) per visualizzare finestre modali. Sto cercando di visualizzare un div nascosto con un iFrame all'interno di questo div. Funziona alla grande. La seconda volta che fai clic sul link, non carica l'iFrame (non è un errore 404, ma non c'è contenuto nell'iFrame). Qualcuno può aiutare?

I bit importanti:

<script type="text/javascript"> 
function openIframeLink() { 
    $.fancybox({ 
     'type'   : 'inline', 
     'href'   : '#data' 
    }); 
}; 
</script> 

E il codice HTML:

<div id="hiddenElement"> 
    <iframe id="data" src="frames/frame4.php" width="100%" height="300"></iframe> 
</div> 

Answer 1

Sembra fancybox estrae l'elemento iframe dal DOM e lo mette in essa la propria contenitore. Quindi, quando chiudi la fancybox, tenta di reinserirlo dove era in origine, ma riesce a perdere il valore dell'attributo src.

Il metodo approvato per l'apertura di un iframe da parte del ragazzo di fantasia sembra essere il seguente.

<a id="mylink" class="iframe" href="frames/frame4.php">mylink</a> 
<script type="text/javascript"> 
    $("#mylink").fancybox(); 
</script> 

Un modo per aggirarlo, è quello di clonare l'elemento iframe, ovvero

function openIframeLink() { 
    $.fancybox({content: $('#data').clone()}); 
} 

Ovviamente non è l'ideale .. Mi piacerebbe sentire qualcuno carillon più familiare in.

Answer 2

avuto questa stesso problema. Sulla base della valutazione di Frode che è stato spogliando l'attributo src, ho aggiunto il callback 'onClosed' sulla mia chiamata fancybox ed è stato in grado di aggiungere nuovo in:

jQuery('#iframe_element').fancybox({ 
    'onClosed': reloadIframe 
}); 

function reloadIframe() { 
    jQuery('#iframe_element').attr('src','http://example.com'); 
} 

Answer 3

Fancybox perde l'attributo src. Qui è una soluzione che ho usato da allora

function openIframeLink() { 
    /* Grab the src before fancybox loses it */ 
    theSrc = $("#data").attr('src'); 
    $.fancybox({ 
     'type'  : 'inline', 
     'href'  : '#data', 
     onClosed  : function() 
     { 
      $('#data').attr('src', theSrc); 
     } 
    }); 
}; 

Answer 4

Questo è il mio modo di recuperare l'attributo src, senza conoscere l'elemento in anticipo.

potrebbe aiutare qualcuno ..

$(".fancybox.iframe").each(function(){ 
    var target = $($(this).attr("href")); 
    var src = target.attr("src"); 
    $(this).fancybox({ 
     'type': "inline", 
     'content': target, 
     'onClosed': function(){ 
      target.attr("src", src); 
     } 
    }); 
});