Question

以下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,
       ...
      )}
    );
}

IE中的jQuery fadeIn，fadeOut效果

3 个答案: