根据里面更改的内容动态调整jQuery Fancybox的iframe高度-Java 学习之路

我正在使用jQuery Fancybox在模态窗口中显示表单 . 我正在使用以下代码：

$("a.iframe").fancybox({
'padding': 0,
'width': 650,
'showCloseButton': false,
'hideOnContentClick': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'onComplete': function () {
  $('#fancybox-frame').load(function () {
    $('#fancybox-content').height($(this).contents().find('body').height() + 20);
  });
}
});

使用额外的onComplete函数，我可以根据内部内容的高度调整iframe的高度 .

但是，我在iframe中隐藏了一些jQuery的.hide（）元素 . 每当我想要.show（）这些元素时，iframe本身不会随着现在可见元素的额外高度而调整大小 .

我怎么能做到这一点？谢谢！

1 回答

将以下功能放入页面

$.fn.ResizeFancy = function(){
   $('#fancybox-content').height($('#fancybox-frame').contents().find('body').height() + 20);
};

之后，触发此功能到您的showHide功能 . 例如;

function yourShowHideFn(){
    //bla bla bla

    $.fn.ResizeFancy();
}

回复于 2024-04-27T14:26:46+08:00

根据里面更改的内容动态调整jQuery Fancybox的iframe高度

1 回答

相关问题