jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery Fancybox在确定其尺寸之前不会等待加载AJAX内容大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 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时发生,因为此后每次都会缓存它.

有人知道让WancyBox在正确的高度渲染,或者只是将它的高度设置为’auto’的最简单方法吗?

谢谢!

解决方法

我在.container div的resize事件上添加一个触发器,它调整了fancybox-content div的大小.这样做了.
@H_419_38@

大佬总结

以上是大佬教程为你收集整理的jQuery Fancybox在确定其尺寸之前不会等待加载AJAX内容全部内容,希望文章能够帮你解决jQuery Fancybox在确定其尺寸之前不会等待加载AJAX内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。