Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > jquery stop/resume анимации

Автор: Frozen_Coyote 18.6.2013, 13:02

Приветствую,

ну в общем сабж - возможно ли? Покопавшись в гугле я так понял что прямого грамотного варианта не существует - есть какие то (ну как мне попадались) чрезмерно навороченные громоздкие решения, работоспособность которых проверять не стал... У меня задача тривиально - бегут четыре кубика что то типа там

Код


$("#div1, #div2, #div3, #div4").animate(
        {
            top: "10px"
        },
        {
            duration: 11300,
            easing: "linear",   
            complete: function()
            {
                $(this).fadeOut(100);   
            }
        }
        );

нажимаю кнопку "пауза" - онклик отработка функции stop()

Код


function stop()
{
$("#BattleField").find("div").stop();
}

ну и как то надо теперь вывести моих бегунов из комы.. повторный start как бы возвращает их к жизни и они двигаются дальше но уже с небольшими рывками - допускаю что идет отработка двух экземпляров анимации что ли. Что посоветуете?

спасибо