javascript - 使用jquery在iframe中的褪色效果

Question

我正在创建一个菜单，其中单击的链接加载到具有淡入淡出效果的 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>

其中 content 是 iframe 的 id。