jQuery fadeIn, fadeOut эффекты в IE

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 можно установить цвет фона и затемнить его, но не в IE. Изменение «CSS-указателя» на «.status-error td » указало на значение td ниже tr, и все работало во всех браузерах.

Answer 1

Странно ... не могу сказать, почему у вас возникла эта проблема, но, возможно, попробуйте плагин эффекта пульсаций? 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

У меня похожая проблема, но я не могу выбрать тд вместо этого по разным причинам.

Если вы также затронуты, вы можете попробовать использовать show вместо fadeIn. Так как я использую аналогично сломанный fadeTo, мне это тоже не поможет: (

Здесь открыта ошибка jQuery - http://dev.jquery.com/ticket/5451

Если вы затронуты, пожалуйста, прокомментируйте билет.