IE中的jQuery fadeIn，fadeOut效果

下面的fadeIn ， fadeOut效果在Firefox 3.0中运行良好，但它在IE 7中不起作用…哇，那是什么诀窍？ 这个想法当然是为了获得“眨眼”效果并吸引用户注意到表格中的特定行。

function highLightErrorsAndWarnings() { $(".status-error").fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300); $(".status-warning").fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300); } 

更新：发现愚蠢的问题……“。status-error”指向tr元素。 可以设置背景颜色并在Firefox中的tr上淡化它，但不能在IE中。 将“CSS指针”更改为“.status-error td ”使其指向tr下方的td，并且所有浏览器中都可以使用。

Answer 1

奇怪..不能告诉你为什么你会遇到这个问题，但也许尝试脉动效应插件？ http://docs.jquery.com/UI/Effects/Pulsate

Answer 2

我有类似的问题，但由于各种原因我无法选择td。

如果您也受到影响，可以尝试使用show而不是fadeIn。 因为我使用同样破碎的淡入淡出这对我也没有帮助:(

这里有一个jQuery错误 – http://dev.jquery.com/ticket/5451

如果您受到影响，请对机票进行评论。

Answer 3

好吧，我已经尝试了各种方法来解决这个问题。 我使用的down and dirty方法是检测文本上的背景和前景色，并仅使用颜色变化为div/span/etc设置动画。

此片段将“脉动”文本一次（您可以创建一个函数，通过以下方式执行更多次：

 $.fn.crossBrowserPulsate = function() { var startColor = $(this).css("background-color"); var endColor = $(this).css("color"); $(this).animate({color:startColor},500, function() { $(this).animate({color:endColor},500, ... )} ); }