FancyBox2 iFrame无法加载

时间:2011-12-19 19:42:31

标签: iframe fancybox

我正在使用链接将href / url发送到Fancybox javascript函数。我已经使用Fancybox v1工作正常但在升级到v2时它不再有效。我直接从他们的网站复制了代码,但我仍然得到一个空的白色iFrame(没有错误消息)。

document.getElementById('link_'+box_name).innerHTML = '<a class="various fancybox.iframe" onmouseover="this.style.cursor=\'pointer\';" href="javascript:display2(\'http://jquery.com\')">test</a>';

function display2(url) {    
$(".various").fancybox({        
    'href': url,
    maxWidth    : 820,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
});             
}

1 个答案:

答案 0 :(得分:2)

我做了一些改变&amp;让这个工作:

document.getElementById('link_'+box_name).innerHTML = '<a class="fancybox fancybox.iframe" onmouseover="this.style.cursor=\'pointer\';" href="javascript:display2(\'http://jquery.com\')">test</a>';

function display2(url) {    
    $.fancybox({        
        href        : url,
        type        :'iframe',
        maxWidth    : 820,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });             
}