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>