jquery - IE中的jQuery淡入淡出效果

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

Weird.. couldn't tell you why you're getting that problem, but maybe try the pulsate effect plugin? http://docs.jquery.com/UI/Effects/Pulsate

Answer 2

好吧，我已经尝试了各种方法来解决这个问题。我使用的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,
       ...
      )}
    );
}

Answer 3

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

如果您也受到影响，您可以尝试使用 show 而不是 fadeIn。由于我使用的是类似损坏的 fadeTo，所以这对我也没有帮助:(

这里打开了一个 jQuery 错误 - http://dev.jquery.com/ticket/5451

如果您受到影响，请在门票上发表评论。