jQuery.animate 在 IE8/IE9 上的 Facebook iFrame 中不起作用

Posted

技术标签:

【中文标题】jQuery.animate 在 IE8/IE9 上的 Facebook iFrame 中不起作用【英文标题】:jQuery.animate not working within Facebook iFrame on IE8/IE9 【发布时间】:2012-02-18 14:38:39 【问题描述】:

我在 IE8 和 IE9 中遇到了 jQuery.animate 的问题,但是!仅在 Facebook iFrame 内。 如果我使用自己的 iFrame 就没有问题。

我想要做的是将元素移动 2 个像素并向后移动,如下所示:

$("#car_box_1").animate(top: "56px", 50);
$("#car_box_1").animate(top: "58px", 50);

动画根本不会出现在 FB iFrame 中,我尝试将其设置为更高的值、更低的值等。 此外,还调用了回调。

有人有什么想法吗? :)

【问题讨论】:

【参考方案1】:

您是否尝试过使用 Firefox、Chrome、Safari 或 Opera。这似乎是一个安全问题,因为 javascript 不允许您从另一个域访问 iframe 上的元素!

【讨论】:

嘿 :) 感谢您的回答!实际上,在同事的帮助下,我花了几天时间才弄清楚这一点。这不是我的动画中的错误,而只是 IE 无法处理通过 AJAX 加载的 CSS 并且级联导致此错误:) 谢谢!

以上是关于jQuery.animate 在 IE8/IE9 上的 Facebook iFrame 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

IE7、IE8 和 IE9 中的 jQuery 旋转图像问题

IE8/IE9 中的跨域标头

JS代码判断IE6,IE7,IE8,IE9!

JS代码判断IE6,IE7,IE8,IE9!

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法