jquery - 在加载后续内容时隐藏 iframe

Question

所以我正在使用 jQuery 更改 iframe(同一服务器)内的内容，基本上将所有彩色元素更改为灰度。网站中的原始内容是彩色的，我想提供网站的灰度版本。

我现在有一些代码可以防止原始彩色 iframe 内容在首次加载时短暂显示。为此，我首先将 iframe 设置为隐藏...

#frame{
    visibility:hidden;
}

然后在完成所有更改后取消隐藏 iframe:

$('#frame').load(function(){
   ... various changes to css....
   $('frame').css('visiblity','');
});

所以这在页面加载或重新加载时有效。

当导航出现在 iframe 中时，问题就来了。如果用户点击 iframe 中的某些链接，它会跳转到另一个页面并在短时间内再次看到颜色(直到 .load 中的 css 发生变化)进行)。我怎样才能使它更无缝？

编辑:我想补充一点，我不想触及内部内容的代码。

Answer 1

所以我最终的解决方案是简单地为 iframe 中的所有 a 元素分配一个点击监听器。

$('#frame').contents().find('a').click(function(){
    $('#frame').css('visibility','hidden')
});

当在内部发起点击时，这会暂时隐藏 iframe，并通过我在原始问题中发布的代码变得可见。