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 вечора
Спасибо за цей законопроект, я додав його на посаді і помістили код у вихідний глядача.