花式盒子第二次没有打开iFrame

Question

第一篇文章 - 你好!我使用fancybox(Fancybox主页)来显示模态窗口.我正试图在这个div里面显示一个带有iFrame的隐藏div.效果很好.第二次单击该链接时,它不会加载iFrame(不是404错误,只是iFrame中没有内容).有人可以帮忙吗？

重要的一点:

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

和HTML:

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

Answer 1

看起来 fancyboxiframe从 DOM 中提取元素并将其放入它自己的容器中。然后，当您关闭 fancybox 时，它会尝试将其插入到原来的位置 - 但会丢失src属性值。

fancybox 家伙批准的打开 iframe 的方法似乎如下。

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

规避它的一种方法是克隆 iframe 元素，即

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

显然不理想..我很想听到更熟悉的人插话。