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>