Динамическое изменение высоты FancyBox

Question

Я хочу, чтобы высота моего Fancybox изменялась автоматически, когда я нажимаю ссылку «Показать комментарии», которая перемещается вниз по элементу Disqus. '

$(".video").fancybox({

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



});

Это то, что я использую до сих пор, я знаю, что я могу как-то использовать

    $.fancybox.resize();

Но я не уверен, куда его поместить и как связать, чтобы при нажатии на элемент div его размер изменился.

Answer 1

Допустим, ссылка «Показать комментарии», которую вы хотели бы использовать для запуска изменения размера, имеет идентификатор #showComments. Затем вы можете добавить что-то вроде этого после того JavaScript, который у вас уже есть:

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

Это должно изменить размер высоты Fancybox в соответствии с высотой его содержимого при нажатии на ссылку.