显示fancybox加载图标

Question

当我为iframe使用fancybox时，加载fancybox时不会显示加载图标...

如何解决此问题？

提前致谢。

Answer 1

使用iframe时，Fancybox会出现一些错误或问题。

您可以编辑源代码（不是压缩，打包或缩小版本）并将其放入：

$.fn.fancybox.showLoading();

用于在FancyBox 2中显示加载框：

$.fancybox.showLoading()  ;

在此之后：

} else if (href.match("iframe") || elem.className.indexOf ("iframe") >= 0) {

我认为它的第131行，但我不确定你只需要在源代码中搜索它。

这个和其他（更复杂的）解决方案属于Fancybox的支持小组：

Fancybox iframe loading icon fix

loading indicator

或在Fancybox support group进行搜索。

好看！

Answer 2

对于FancyBox 2，显示带覆盖的加载器

显示

$.fancybox.showLoading();
$.fancybox.helpers.overlay.open({parent: $('body'), closeClick : false});

隐藏

$.fancybox.hideLoading();
$.fancybox.helpers.overlay.close();