将iframe的document.ready（）传递给父容器

Question

有没有办法将iframe的document.ready()传递给父容器？

我的情况是：

外部内容显示在Shadowbox的iframe中。影子框叠加层（#sb-overlay）的背景带有加载图标。我现在想要在iframe中的内容完全加载时删除加载图标。

谢谢！

Answer 1

$('iframe#iframeid').load(function() {
    //hide the loading
});

根据this帖子，对于iframe，load事件足够好。无需实施document.ready。

Answer 2

这是代码，让它适合我：

$('.iframelink').on('click', function(){
    setTimeout(function(){
        $('iframe').load(function(){
            $('#sb-overlay').css('background-image','none');
            console.log('loaded');
        });
    }, 1000);
});