javascript - FancyBox 调整宽度

Question

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

Answer 1

来自fancybox api docs :

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

所以看起来不是为了调整宽度。

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

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

您还可以在首次注册 fancybox 时使用 width 选项控制宽度:

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