JQuery эффекты fadeIn, fadeOut в IE
Приведенный ниже эффект исчезать, исчезать отлично работает в 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-элемент. Можно установить цвет фона и затемнить его на tr в Firefox, но не в IE. Изменение «указателя CSS» на «.status-error тд» заставило его указывать на td под tr, и все работало во всех браузерах.
@ Натан Лонг: Нашел проблему. Обновил вопрос.
Всегда показывайте связанный HTML с вопросами jQuery.
Ответы 3
Странно ... не могу сказать, почему у вас возникла эта проблема, но, может быть, попробовать плагин с эффектом пульсации? http://docs.jquery.com/UI/Effects/Pulsate
Спасибо. Выглядит круто. Я подумываю использовать его вместо этого. Однако это не решило бы мою проблему, поскольку я указывал на неправильный тип элемента (tr вместо td).
У меня аналогичная проблема, но я не могу выбрать вместо нее td по разным причинам.
Если вы тоже пострадали, вы можете попробовать использовать show вместо fadeIn. Поскольку я использую аналогично сломанный fadeTo, это мне тоже не помогает :(
Здесь открыта ошибка jQuery - http://dev.jquery.com/ticket/5451
Если вы пострадали, прокомментируйте заявку.
Что ж, я экспериментировал с различными способами решения этой проблемы. Подход 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,
...
)}
);
}
Как это не удается? И это работает, когда вы делаете сингл fade? Я без проблем использовал это в IE 6 и 7.