Fancybox 3:如何在预加载时动态调整iframe的高度:false

时间:2017-07-27 04:55:36

标签: fancybox fancybox-2 fancybox-3

我正在测试Fancybox 3,看看如何根据实际内容动态调整iframe的高度。这就是我所拥有的:

<a class="iframe-link" data-type="iframe" href="/page-mini.html" >
    iframe
</a>

<script>
$(document).ready(function() {
    $(".iframe-link").fancybox({
        iframe: {
            preload: false 
        },
        afterLoad : function(instance, slide) {
           slide.$slide.find('iframe').on('load', function() {
              instance.update(); 
           });
        }
    });
});
</script>

此代码无效。我必须使用preload: false来获得更好的用户体验,并能够动态调整高度,因为在框架内我会显示几页不同的高度。 page-mini.html只是几行文字。

0 个答案:

没有答案