使用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. 
});