Вам перезвонить? +38 044 360 55 76
Главная / Штуки / jQuery fadeIn/fadeOut
Презентация компании
Бриф на разработку
Кинто Samsung УкрАвто Mercedes-Benz Автоинтренешинал Mazda Seat Мировая карта Chrysler Chevrolet Брокбизесбанк
Наши клиенты
Размещено: 17.01.2012 | Всего просмотров: ...

jQuery fadeIn/fadeOut


Warning: filemtime() [function.filemtime]: stat failed for /var/www/htdocs/2012.newagelab.com/templates/blocks/sociallinks.tpl in /var/www/htdocs/sunsitecms.com/lib/smarty/sysplugins/smarty_internal_template.php on line 443

Решение проблемы с некорректной работой в неактивной вкладке Firefox >=8

Многие плагины или функции написанные для jQuery поочередно используют функии fadeIn() и fadeOut() для смены содержимого блока. Например, слайдеры или ньюстикеры.

В Firefox, начиная с версии 8, с ними начали происходить странные вещи. Если закладка с такой функциональностью остается неактивной на период больший одного цикла fadeIn/fadeOut, то управляемый этими функциям и блок перестает отображаться.

Проблема в том, что по какойто причине, событие окончания fadeOut происходит быстрее последнего присвоения значения opacity:0

Решается небольшой задержкой вызова fadeIn():

act.find("ul").fadeOut("fast", function() {
    setTimeout(function() {act.find("ul").fadeIn("slow")}, 10);
    });
}

Вуаля


 

Версия для печати

Warning: filemtime() [function.filemtime]: stat failed for /var/www/htdocs/2012.newagelab.com/templates/blocks/sociallinks.tpl in /var/www/htdocs/sunsitecms.com/lib/smarty/sysplugins/smarty_internal_template.php on line 443
 

Warning: filemtime() [function.filemtime]: stat failed for /var/www/htdocs/2012.newagelab.com/templates/blocks/sociallinks.tpl in /var/www/htdocs/sunsitecms.com/lib/smarty/sysplugins/smarty_internal_template.php on line 443