使用jquery动画iframe内容

Question

Im在Web应用程序中动态设置iFrame的内容。是的，不幸的是需要使用iFrame :)没有使用跨域内容

我能够设置内容，找到iframe中的元素等。但现在我想动画iframe中的一些元素。在应用程序中，我没有收到任何错误消息，fadeIn（1000），fadeOut（1000）和animate根本不会执行任何操作。该应用程序的体系结构将很复杂，以重新创建一个小提琴，但我做了以下。

添加iframe来现场，等待iframe来加载，访问内容，并追加了jQuery的iframe的头：

head.append($('<script type="text/javascript" charset="utf-8" async="" data- requirecontext="_" data-requiremodule="jquery" src="/assets/js/vendor/jquery-2.1.3.min.js"></script>'))

这里是一个小提琴，我试图分解它，但jsfiddle不会让我在JS窗口中写入HTML，所以我不能让追加部分工作。

https://jsfiddle.net/MacG/Lnwx8seg/7/

它甚至有可能使用jquery metods和动画在一个iframe元素？ 。

编辑：

我设法在动画@P如下简单的jsfiddle元素。弗兰克回答。不过想要进行动画在更复杂的环境中的iframe元素未按看到这个更新的提琴：

https://jsfiddle.net/MacG/5ryLdnLz/1/

（好吧，我想这样的工作，但方式来减缓和波涛汹涌所以也没有看起来很像一个动画都没有。有时候元素只是消失在动画的最后，没有任何褪色的。

任何想法如何，我可以得到一个平滑的动画的iframe环境，像这样的工作？

Answer 1

试试这个。work fine

https://jsfiddle.net/95b6ezkv/

$(header).animate({ 
    opacity: 0.25 
    }, 5000, function() { 
    // Animation complete. 
});