Javascript 使用jquery的iframe中的衰落效应

我正在创建一个菜单，其中单击的链接加载到一个iframe中，具有淡入淡出的效果，但是，加载时旧内容会消失，新内容会闪烁。有人知道如何解决这个问题吗

JavaScript代码：

 <script type="text/javascript">
            $(document).ready(function() {

               $('#nav a').click(function() {
                    var page = $(this).attr('href');
                    $('#content').fadeOut('slow',function() {
                    $('#content').load(page, function () {
                        $(this).fadeIn('slow');
                });
                });
          });
          });
        </script>

$（文档）.ready（函数（）{
$（'#导航a'）。单击（函数（）{
var page=$（this.attr（'href'）；
$（“#内容”）.fadeOut（'slow'，function（）{
$（'#content'）。加载（页面，函数（）{
$（this.fadeIn（'slow'）；
});
});
});
});

---

其中content是iframe的id。

@RokoC.Buljan不，它是白色的，它会影响动画吗？如果使用Ajax，为什么要使用

iframe

？如果改用

div

block，问题将很容易解决。同意@VisioN，iframes的主要用途是从其他人的页面加载内容（比如嵌入youtube视频）。如果您没有这样做，那么通常不建议使用iframe。