FancyBox调整宽度

我可以使用$.fancybox.resize();调整高度$.fancybox.resize(); 部分，但宽度不会根据新内容更新。 思考？

Answer 1

来自fancybox api文档 ：

$.fancybox.resize ：“自动调整FancyBox 高度以匹配内容的高度。”

因此看起来它并不打算调整宽度。

如果要调整宽度，可以通过手动调整#fancybox-wrap和#fancybox-inner元素的大小来实现。 经过一些非常快速的检查后，看起来#fancybox-wrap设置为比#fancybox-inner宽20px：

 $('#fancybox-inner').width(400); $('#fancybox-wrap').width(420); 

使用width选项首次注册fancybox时，您还可以控制width ：

 $('#somelink').fancybox({ width: '100px' }); 

Answer 2

在较新版本的fancybox（在我的情况下为1.3.4）使用

 $('#fancybox-content').width(600); 

代替

 $('#fancybox-inner').width(400); 

用于手动调整宽度

Answer 3

这对我有用：

 $('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto'); $.fancybox.center(); 

Answer 4

在jubery.fancybox.js附近进行一些更改，大约是nubmer：837更改

 current.width = loadingBay.width(); 

至

 current.width = loadingBay.width() + 2*current.padding; 

它对我来说很好。

Answer 5

只需打开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');