fancyBox3触发iframe

时间:2017-12-04 16:27:16

标签: jquery fancybox-3

在旧的fancyboxversion中,我使用此代码打开iframe

$.fancybox({
                'padding':  20,
                'width':    '650px',
                'type':     'iframe',
                'href':     '....php?anchor=' + xyz,
                'autoDimensions': true,
                'autoScale': true,
                'centerOnScroll': true,
                'scrolling'     : 'no',
                afterClose : function(){
                    location.reload();
                }
            }); 

在新版本中是不可能的。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

请看一下docs / API。它会是这样的:

$.fancybox.open({
    src : 'https://codepen.io/',
    type : 'iframe',
    opts : {
        iframe : {
            css : {
                width: '500px'
            },
            attr : {
                scrolling : 'no'
            }
        },
        afterClose : function() {
            alert('done!');
        }
    }
});

演示 - https://codepen.io/anon/pen/BmbmJX?editors=1010