jquery - Fancybox:加载 iframe 内容时显示加载动画

Question

当使用 jQuery 和 fancybox 时为了在 iframe 内显示另一个页面，我想在加载 iframe 内的页面时显示加载动画。当使用 ajax 加载内容时这是可能的，但在使用 iframe 时我想要同样的事情。是否可以在 iframe 中的内容加载时从 api 获取加载动画？

这是在 fancybox 中显示 iframe 的代码:

var $fancybox = $("#openPopup").fancybox({
    'type': 'iframe',
    'href': "Test.php"
});

Answer 1

您可以简单地将带有 CSS 的背景附加到下面的图层，当 iframe 准备就绪时，它将与微调器重叠您的背景

#fancybox-outer{
    background:#fff url("$path to animation/ajax-loader.gif") no-repeat 50% 50% !important;
}