Возникли проблемы с FadeIn и FadeOut в IE8 с JQuery - PullRequest
Новая
       30

Возникли проблемы с FadeIn и FadeOut в IE8 с JQuery

0 голосов
/ 17 апреля 2010

Вот мой сайт: http://www.dreamweddinggroup.com/redesign, и мне тяжело понять, почему, по словам богов, мои функции fadeIn, fadeOut и corner () не будут работать в IE8. Они работали какое-то время, но теперь они сломались, и я не могу понять это. Кто-нибудь может увидеть что-нибудь, что может вызвать проблемы здесь?

Чтобы понять, о чем я говорю, если вы нажмете на ссылку «О нас» в нижней части страницы, вы увидите, что текст исчезает. Затем, если вы нажмете «Почему свадьба мечты» Группа ", текст" О нас "должен исчезнуть, а когда он снова появится, вы увидите новый текст.

Ответы [ 4 ]

1 голос
/ 19 октября 2010

У меня были похожие проблемы со стеком абсолютно позиционированных div.Я хотел одновременно исчезнуть и исчезнуть. Код, который работал нормально в FF / Safari, не будет работать в IE8: fadeOut () не исчезнет, ​​только fadeIn ().Я обнаружил, что решением было использовать CSS, чтобы установить z-индекс элемента, который должен быть добавлен, в верхнюю часть стека: 

$('#fadeoutdiv').css({zIndex:90}).fadeOut(2000);
$('#fadeindiv').css({zIndex:99}).fadeIn(2000);
1 голос
/ 26 июля 2010

Эй, у меня была такая же проблема. Я пытался вывести изображение IE и добавить что-то новое, например: 

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).next(".throb").fadeIn("slow");
  });
});

Который не работал. Но FadeIn был! Итак, предполагая, что это был процессор, который съел IE8 (не IE7), я просто изменил его на следующее: 

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).hide();
    $(this).next(".throb").fadeIn("slow");
  });
});

И пользователи IE8 не испытывают особой любви к анимации.

0 голосов
/ 16 июля 2010

Я тоже заметил это явление в IE 8, хотя, похоже, это происходит независимо от того, что мой элемент находится выше. У меня был пустой DIV 4x4 px, который я постепенно увеличивал и уменьшал (интервал в 400 мс, затем element.fadeIn (100) .fadeOut (500)) для отладки позиционирования элемента, и это полностью стирало одно из моих ядер! Мне потребовалось некоторое время, чтобы понять, почему IE постоянно загружал 50% ЦП, в то время как Chrome и Firefox еле-еле потели - я полагал, что у меня где-то была жуткая жадная петля, пока я не сканировал интервал.

Запустите IE и ваш диспетчер задач и перейдите на http://www.hv -designs.co.uk / tutorials / jquery / all.html для небольшого теста. Сортируйте текущие процессы по CPU desc и наблюдайте, как IE поднимается до вершины в каждом тесте (20-40 +% от моего двухъядерного Intel SU2300 с частотой 1,2 ГГц на время затухания +/- несколько сотен мс), даже для простой текстовый абзац! Выполнение одного и того же теста в Firefox или Chrome не нарушает даже 10% использования.

0 голосов
/ 05 мая 2010

Я считаю, что IE8 имеет ужасную производительность, используя fadeIn непосредственно с небольшим изображением или текстовой областью. Я думаю, что двигатель в альфа-смешивании очень плохой! Поскольку вы пытаетесь затухать полноэкранные изображения, производительность настолько низкая, что вы просто не видите затухания. В моем случае я вижу, что загрузка процессора возрастает от 50% до 100% даже на довольно мощном настольном компьютере с приличной видеокартой. У моего клиента проблемы, потому что каждый раз, когда происходит это затухание (каждые 5 секунд или около того), видео, которое также воспроизводится, начинает пропускать и становится в целом нестабильным.

Еще один сайт, над которым я работаю, это http://www.urstreams.com, если вы наведете курсор мыши на прямоугольники, вы увидите описание, отображаемое также с использованием fadeIn. Если вы наведите курсор мыши на все поля сразу, чтобы все описания появлялись и исчезали одновременно, все анимации останавливались, и процессор снова взлетал.

Действительно немного кошмара, но на этом этапе я бы рекомендовал против любой анимации альфа-смешивания в IE. Общей темой во всех этих случаях является смешивание изображений. Возможно, это и есть проблема, поскольку общие примеры jQuery и, возможно, тесты / тесты ориентированы на базовые сценарии, такие как простой текст, появляющийся поверх простых фоновых тестов?

...