jquery - Fancybox - 打开一个 fancybox 内的链接到同一个 fancybox 中？

Question

在我的网站上，我有一个 fancybox，其中包含隐藏的 <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()
});

谢谢!

Answer 1

Fancybox 的内置“href”属性加载与当前网站相关的内容。因此，加载外部网页会显示缺少图形。我使用 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>