Константин Келемен в рубрику JavaScript

Вопрос: Сумасшедшие слайдеры в Google Chrome

Здравствуйте.

Столкнулся с такой проблемой. Когда страница со слайдером открыта, он ведёт себя нормально. Но когда переключаешься на другую вкладку и через некоторое время возвращаешься назад, слайдер начинает дико переключаться, показывая все слайды, которые я пропустил, пока меня на странице не было. В том же Firefox данной проблемы нет.
Помогите понять, отчего это и как это исправить.

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 6

unit
У меня все нормулье
#
unit
Андрей Костенко
Когда окно неактивно (blur), никакие скрипты на нем не выполняются. Когда оно становится активным (focus) браузер старается выполнить все скрипты за время отсутствия активности окна. Чтобы этого не происходило можно устроить проверку на фокус. Приведу пример на jQuery:
var focused = true;
$(function(){
$(window).bind(\'blur\',function(){
focused = false;
});
$(window).bind(\'focus\',function(){
focused = true;
});
if(focused){
// Ну а тут выполняется код, если окно получило фокус.
}
});

Надеюсь, мои мысли дошли до вас :)
Андрей Костенко
Ну вы понимаете, что в коде никаких \\ перед апострофами не должно быть.
И да, можно было немного упростить код привязки событий к окну:
$(window).bind({blur:function(){
focused = false;
},
focus:function(){
focused = true;
}});
Константин Келемен
Спасибо, Андрей!
Теперь буду разбираться, как это применить к моему коду.
Шут
Была проблема с \"дикой\" анимацией плавающего блока, срабатывающего на $(window).scroll. Лечил прописью .stop() перед выполнением анимации. Попробуй, авось поможет
#
Шут

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler