动态调整FancyBox的高度

Question

当我点击“显示评论”链接向下滑动Disqus元素时，我希望我的Fancybox的高度动态调整大小。'

$(".video").fancybox({

    'transitionIn'      : 'none',
    'padding'       :'0',
    'transitionOut'     : 'none',
    'overlayColor'      : '#ebeeef',



});

这就是我到目前为止所使用的，我知道我可以以某种方式使用

    $.fancybox.resize();

但是我不确定在哪里放以及如何链接它以便在点击div时它会重新调整大小。

Answer 1

让我们说＆＃34;显示评论＆＃34;您要用于触发调整大小的链接具有标识#showComments。然后你可以在你已有的JavaScript之后添加这样的东西：

$("#showComments").click( function {
    $.fancybox.resize();
} );

这应该调整Fancybox的高度，以便在点击链接时匹配其内容的高度。