我可以使用$.fancybox.resize();
部分调整高度,但宽度不会根据新内容进行更新。想法?
答案 0 :(得分:8)
$.fancybox.resize
:“自动调整FancyBox 高度的大小以匹配内容的高度。”
所以看起来它并不打算调整宽度。
如果您想调整宽度,可以手动调整#fancybox-wrap
和#fancybox-inner
元素的大小。经过一些非常快速的检查后,看起来#fancybox-wrap
设置为比#fancybox-inner
宽20px:
$('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);
使用width
选项首次注册fancybox时,您也可以控制宽度:
$('#somelink').fancybox({ width: '100px' });
答案 1 :(得分:4)
在较新版本的fancybox(在我的情况下为1.3.4)中使用
$('#fancybox-content').width(600);
而不是
$('#fancybox-inner').width(400);
用于手动调整宽度
答案 2 :(得分:1)
在jquery.fancybox.js附近对行号进行一些更改:837更改
current.width = loadingBay.width();
到
current.width = loadingBay.width() + 2*current.padding;
它对我很好。
答案 3 :(得分:1)
这对我有用:
$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();
答案 4 :(得分:-1)
只需打开jquery.fancybox.js并添加自己的宽度。这是我的代码,宽度= 72%。
// Reset dimensions so we could re-check actual size
wrap.add(skin).add(inner).width('72%').height('auto').removeClass('fancybox-tmp');