AJAX Fancybox不需要等待jQuery内容加载才能确定其尺寸

Question

我使用Fancybox来加载AJAX的一些内容。

内容：

<div class="container">
  <h2>An image</h2>
  <div class="span-16 colborder center clearfix">
    <img src="/system/images/apple.jpg">
  </div>

  <div class="span-7 last clearfix">
    something here
    <br>
     something here
  </div>
  <div class="span-24 last">
    FOOTER FOOTER FOOTER
  </div>
</div>

JS

  $('a.edit-image').fancybox({
    'autoScale' : false,
    'scrolling' : 'no'
  });

内容加载，但Fancybox只呈现一个高度以容纳文本，留下图像溢出底部。图像(可能相当大)需要花点时间来加载，我认为Fancybox并不需要等待它来确定它应该呈现的高度。

将图像放在页面的其他地方(作为预加载的一种形式)可以防止错误。而且，只有在第一次打开Fancybox时才会发生这种情况，因为此后每次都缓存它。

有人知道如何让Fancybox在正确的高度上呈现，或者只是将它的高度设置为“auto”？

谢谢!

Answer 1

我在.container div的调整大小事件上添加了一个触发器，该事件调整了fancybox-content的大小。那就完成了任务。

Answer 2

加载AJAX内容后，您可以简单地使用update方法来调整fancybox的大小。

$.fancybox.update();