Question

我在网络应用中动态设置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/

~~甚至可以对iframe中的元素使用jquery方法和动画吗？~~。

修改

我设法在@P之后的简单jsfiddle中为元素设置动画。弗兰克回答。但是，尝试在更复杂的iframe环境中为元素设置动画失败，如此更新的小提琴中所示：

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

（嗯，我觉得它有点有效，但是减速和波涛汹涌的方式让它看起来不像动画。有时候元素在动画结束时消失，没有任何褪色所有

关于如何在像这样的iframe环境中运行流畅动画的任何想法？

Answer 1

试试这个。工作正常

https://jsfiddle.net/95b6ezkv/

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

使用jquery为iframe内容添加动画效果

1 个答案: