Jquery FadeIn () & FadeOut (): Проблема в Internet Explorer
- Доля /
- 10 Comments / Jquery / 10.18.08 / 10 Комментариев / /
На 20 января 2010 я установил демо-версию для этого использовать JQuery 1.4 и FadeIn () и FadeOut () вопросы, как представляется, должно быть указано в IE7 и IE8.
Я заметил, некоторые вопросы, с моей Jquery работу. Когда я использую. FadeIn () или. FadeOut () методы, я вижу, уродливые пиксели текста в Internet Explorer.
Preview / Примеры / Демонстрация
Jquery Fading Проблема в Internet Explorer
Каким он стационарного типа
Установить цвет фона с CSS на элемент, который исчезает или наружу.
Альтернативные методы
Если у вас возникли проблемы с указанным выше методом, дать этому Jquery Plugin попробовать.
Благодаря Билл: Я не могу вспомнить, где я получил от этого, но если вы Google это вы найдете его. Это, как решить эту проблему (не тестировался в JQuery 1.4).
Используйте эту функцию. Изменить 'FadeOut' в 'customFadeOut. Пример настройка Билла также можно увидеть на демонстрационную страницу.
( $ ) { (Функция ($) ( = function ( speed , callback ) { $. Fn. CustomFadeIn = функция (скорость, Callback) ( ) . fadeIn ( speed , function ( ) { $ (Это). FadeIn (скорость, функция () ( ! $. support . opacity ) IF (! $. поддержкой. непрозрачность) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (Это). Получить (0). Стиле. RemoveAttribute ( 'фильтр'); callback != undefined ) если (Callback! = неопределенная) обратного вызова (); )); ); = function ( speed , callback ) { $. Fn. CustomFadeOut = функция (скорость, Callback) ( ) . fadeOut ( speed , function ( ) { $ (Это). FadeOut (скорость, функция () ( ! $. support . opacity ) IF (! $. поддержкой. непрозрачность) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (Это). Получить (0). Стиле. RemoveAttribute ( 'фильтр'); callback != undefined ) если (Callback! = неопределенная) обратного вызова (); )); ); = function ( speed , to , callback ) { $. Fn. CustomFadeTo = функция (скорость, чтобы, Callback) ( ( { opacity : to } , speed , function ( ) { вернуть. Animate ((непрозрачностью: для), скорость, функция () ( to == 1 && jQuery. browser . msie ) если (к == 1 & & Jquery. браузер. MSIE) . removeAttribute ( 'filter' ) ; этого. стиле. removeAttribute ( 'фильтр'); jQuery. isFunction ( callback ) ) если (jQuery. isFunction (Callback)) обратного вызова (); )); ); ; )) (JQuery);
Ресурсы
- JQuery в действии: Если вы обнаружили, часто с применением Jquery в своих проектах я очень рекомендую проверить эту книгу. Я читал это, а также обучение Jquery 1,3 и нашли JQuery в действии, чтобы быть более четкими, прямо вперед и более мощным.
- Jquery IE Fade испытания
- Jquery справочник
4:01 AM Jquery FadeIn () & FadeOut () - Bug No Internet Explorer »Pinceladas да веб - Reflexões о XHTML, CSS, PHP E Webstandards / 11.4.08 / 4:01 утра
[...] Mas acabei запросу ничего не найдено ума solução Muito Interessante нет сайта Кевин де Лира Que состоял в Simplesmente EM Добавить ума Кор-де-Fundo АО Elemento Que Sera aplicado O [...]
1:43 PM John / 10.11.09 / 1:43 вечера
Сэкономило мне много времени на это одно - спасибо!
7:56 PM Александр Оливейра / 11.12.09 / 7:56 вечера
Ohhh мой! Я не могу в это поверить ...
IE всегда удивлять меня.
10:20 PM @ dangerdave / 12.7.09 / 10:20 вечера
Это казалось многообещающим, но я попробовал ваш демо в IE8 (по Win7) и "довольно" Fade In выглядит просто как осколки и пикселированные как не-достаточно Fade-In. Увы.
11:07 PM kevinlearynet / 12.7.09 / 11:07 вечера
Эй Дэйв,
Это плохо, - и я услышал такие великие дела о 7. У меня есть копия XP, и вопрос, как представляется, установленный для обоих примерах IE8 (даже плохо). Пока я получить копию Windows 7 погрузили на VMware Я не знаю, как помочь в этом. Тем временем, если вы или кто-либо другой's найти причины / решение сообщить все знают.
11:41 AM Stefan / 1.4.10 / 11:41 утра
Спасибо за это! Он давал мне головную боль для справедливой несколько часов ..
Cheeeeeeeeeeeers!
2:35 AM FRESH / 1.16.10 / 2:35 утра
Кевин, спасибо за обмен! Но если я не могу установить BG цвета, потому что у меня сложный фон под на теле элемента? Если я установлю BG цвета, она будет выглядеть действительно уродливые на не-плоские цвета BG. Вы знаете любые другие решения? Даже жесткий один? :-)
4:23 PM kevinlearynet / 1.19.10 / 4:23 вечера
Не могу сказать, что знаю, что исправление для свежих, еще одним жестким. Вы можете рассмотреть копали вокруг stackoverflow.com для некоторых аналогичных сценариев:
<a href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> Stackoverflow.com для поиска "Jquery IE FadeIn"
Если вы не можете найти то, что я бы добавить новую запись. StackOverflow был чрезвычайно полезным для меня, особенно с передовыми Jquery понравился этот сценарий.
Желаем удачи и спасибо за проводку!
7:24 AM Законопроект / 1.20.10 / 7:24 утра
Я не могу вспомнить, где я получил от этого, но если вы Google это вы найдете его. Это, как решить эту проблему (не тестировался в JQuery 1.4).
Используйте эту функцию. Изменить 'FadeOut' в 'customFadeOut.
(функция ($) (
$. fn.customFadeIn = функция (скорость, Callback) (
$ (это). FadeIn (скорость, функция () (
IF (! $. support.opacity)
$ (это). получить (0). style.removeAttribute ( 'фильтр');
если (Callback! = неопределенная)
обратного вызова ();
));
);
$. fn.customFadeOut = функция (скорость, Callback) (
$ (это). FadeOut (скорость, функция () (
IF (! $. support.opacity)
$ (это). получить (0). style.removeAttribute ( 'фильтр');
если (Callback! = неопределенная)
обратного вызова ();
));
);
$. fn.customFadeTo = функция (скорость, чтобы, Callback) (
возвращение this.animate ((непрозрачностью: для), скорость, функция () (
если (к == 1 & & jQuery.browser.msie)
this.style.removeAttribute ( 'фильтр');
если (jQuery.isFunction (Callback))
обратного вызова ();
));
);
)) (JQuery);
1:04 PM kevinlearynet / 1.20.10 / 1:04 вечера
Спасибо за этот законопроект, я добавил его в должности и поместили код в исходный зрителя.