Fancybox - 打开一个fancybox 内的链接到同一个fancybox？答案

【问题标题】：Fancybox - Opening a link inside a fancybox into the same fancybox?Fancybox - 打开一个fancybox 内的链接到同一个fancybox？
【发布时间】：2011-03-22 09:54:04
【问题描述】：

在我的网站上，我有一个花式框，其中包含页面上隐藏的 <div> 的内容。这个隐藏的<div> 包含一个指向外部站点的链接。

是否可以在已经打开的fancybox中打开此链接？

我目前的代码如下：

$("#lightbox-link").fancybox({
    'scrolling' : 'no',
    'width': 5000, 
    'height': 2000,
    'onComplete': function() { 
        $('a#yes').click(function() {
            $.cookie("survey", "dismissed", {expires: 365});
            $.fancybox.close();
        });
        $('a#no').click(function() {
            $.cookie("survey", "big-snooze", {expires: 14});
            $.fancybox.close();
        });
        $('a#later').click(function() {
            $.cookie("survey", "snooze", {expires: 1});
            $.fancybox.close();
        });
    },
    'content' : $("#lightbox-content").html()
});

谢谢！

【问题讨论】：

标签： jquery fancybox

【解决方案1】：

Fancybox 的内置“href”属性将relative 内容加载到当前网站。因此，加载外部网页会显示缺少图形。我使用 iframe 提出了以下解决方案。到外部网站的过渡看起来很流畅。

<script type="text/javascript">
    $(function () {   //jquery onload
        $.fancybox('<div id="myfancy"><a href="#" onclick="javascript:openlink(\'http://www.cleversavers.com\');">Click me</a></div>'
            , {});
    });
    function openlink(url) {
        $.fancybox('<iframe id="myi" src="' + url + '" frameborder="0" height="400" width="600" />', {});
    }
</script>

【讨论】：