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”属性将内容 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>

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

1 个答案: