0

这是我的网站： http ://www.dreamweddinggroup.com/redesign我很难弄清楚为什么我的fadeIn、fadeOut 和corner() 函数在IE8 中不起作用。他们工作了一段时间，但现在他们坏了，我一辈子都想不通。任何人都可以在这里看到任何会导致问题的东西吗？

要查看我在说什么，如果您点击页面底部的“关于我们”链接，您应该会看到文本淡入。然后如果您点击“为什么梦想婚礼集团”， “关于我们”文本应该淡出，当它淡入时，您会看到新文本。

4

4 回答 4

1

嘿，我遇到了同样的麻烦。我试图淡出一个 IE 图像并像这样淡入一些新的东西：

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).next(".throb").fadeIn("slow");
  });
});

这是行不通的。但 FadeIn 是！所以猜测这是处理器被 IE8（不是 IE7）吃掉了，我只是把它改成这样：

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).hide();
    $(this).next(".throb").fadeIn("slow");
  });
});

而且 IE8 用户并没有那么喜欢动画。

于 2010-07-26T13:39:13.060 回答
1

我在一堆绝对定位的 div 上遇到了类似的问题。我想同时淡出和淡入一个。在 FF/Safari 中运行良好的代码在 IE8 中不起作用：fadeOut() 不会淡出，只有 fadeIn()。我发现解决方案是使用 CSS 将要淡入的元素的 z-index 设置在堆栈的顶部：

$('#fadeoutdiv').css({zIndex:90}).fadeOut(2000);
$('#fadeindiv').css({zIndex:99}).fadeIn(2000);
于 2010-10-19T12:52:26.103 回答
0

我发现 IE8 自己使用 fadeIn 时性能很差，只有一个小图像或文本区域。我认为引擎在 alpha 混合方面基本上很糟糕！因为您正在尝试淡化全屏图像，所以性能非常缓慢，以至于您看不到淡化。就我而言，我看到 CPU 使用率猛增到 50% 到 100% 之间，即使是在相当强大的台式机和不错的显卡上也是如此。我的客户遇到了问题，因为每次发生这种淡入淡出（每 5 秒左右），也在播放的视频开始跳过并且通常不稳定。

我正在开发的另一个站点是http://www.urstreams.com，如果您将鼠标悬停在这些框上，您会看到也使用淡入淡出出现描述。如果你一次将鼠标悬停在所有的方框上，那么所有的描述会同时出现和消失，所有的动画都会停止，CPU 会再次飙升。

真的有点噩梦，但在这个阶段，我建议不要在 IE 中使用任何 alpha 混合动画。所有这些情况的共同主题似乎是图像上发生了混合。也许这就是问题所在，因为常见的 jQuery 示例和可能的测试/基准倾向于关注基本场景，例如纯文本出现在纯背景测试上？

于 2010-05-05T11:19:57.287 回答
0

我也注意到 IE 8 的这种现象，尽管无论我的元素漂浮在什么上面，它似乎都会发生。我有一个空的 4x4 px DIV，我在一段时间内淡入淡出（间隔为 400ms，然后 element.fadeIn(100).fadeOut(500)）来调试元素定位，它完全消除了我的一个核心！我花了一段时间才弄清楚为什么 IE 一直在达到 50% 的 CPU 而 Chrome 和 Firefox 几乎没有出汗——我认为我在某个地方有一个流氓贪婪循环，直到我扫描了我的间隔。

启动 IE 和您的任务管理器并前往http://www.hv-designs.co.uk/tutorials/jquery/all.html进行小测试。按 CPU desc 对正在运行的进程进行排序，并观察 IE 在每次测试中上升到顶部（我的 1.2 GHz 双核 Intel SU2300 的 20-40+% 在衰减持续时间 +/- 几百毫秒），即使对于简单的文字段落！在 Firefox 或 Chrome 中运行相同的测试对我来说甚至不会破坏 10% 的使用率。

于 2010-07-16T00:59:58.680 回答