Анимация содержимого iframe с помощью jquery

Question

Im динамически настраивает содержимое iFrame в веб-приложении. Да, использование iFrame, к сожалению, необходимо :) Нет междоменного контента

Im умеет устанавливать содержимое, находить элементы внутри iframe и т. Д. Но теперь я хотел бы оживить некоторые элементы внутри iframe. В приложении я не получаю сообщений об ошибках, fadeIn (1000), fadeOut (1000) и анимация просто ничего не делают. Архитектура приложения будет сложной для воссоздания в скрипке, но Im делает следующее.

Добавление 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 не позволил мне написать html в окне JS, чтобы я не смог заставить часть append работать.

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

ли даже можно использовать Jquery metods и анимацию на элементах в IFRAME? .

EDIT:

Я сумел оживить элементы в простом jsfiddle следующего @P. Фрэнк отвечает. Однако, пытаясь оживить элемент в более сложной среде IFrame терпит неудачу, как показаны в этой обновленной скрипке:

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

(Ну, я предполагаю, что это своего рода работает, но способ замедлить и порывистый, чтобы он не очень похоже на анимацию вообще. Иногда элемент просто исчезает в конце анимации, без какого-либо замираний на всех.

Любой идею о том, как я могу получить плавную анимацию рабочей в IFrame среде, как это?

Answer 1

попробуйте это. Работа мелкий

https://jsfiddle.net/95b6ezkv/

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