Page 57 - jQuery для начинающих

©
В очередь…

Немного об очередности работы функции animate – большинство читателей, наверное, уже
знакомо с организацией последовательной анимации – для этого мы можем использовать

цепочку вызовов:

$('#box ')

// говорим что меняем
.animate({left:'+=100'})

// следующий вызов добавляется в очередь на выполнение
.animate({top:'+=100'})

Для параллельного запуска анимации, необходимо будет внести следующие изменения:

$('#box')
// говорим что меняем
.animate({left:'+=100'})

// следующий вызов будет игнорировать очередь
.animate({top:'+=100'}, {queue:false})

Есть ещё чудесная функция stop(), которая позволяет остановить текущую анимацию на
полпути, а так же почистить очередь при необходимости. Для обеспечения различного
поведения функции, она принимает три параметра:

queue – имя очереди; для работы с дефолтной очередью анимации «fx» – опускаем

clearQueue – флаг очистки очереди
jumpToEnd – применить результат анимации али нет

// останавливаем выполнение текущей анимации
$('#box').stop();

// останавливаем выполнение текущей анимации
// и всех последующих (чистим очередь)
$('#box').stop(true);

// останавливаем выполнение текущей анимации и всех последующих
// но применяем результат текущей
$('#box').stop(true, true);

57

www.trk.kg