Javascript проверка объекта недвижимости, если возвращается истинный

Question

Используя библиотеку под названием Velocity JS для анимации: http://julian.com/research/velocity/

Я использую его следующим образом:

var velocity = new Velocity(element, { 
        translateX: 250, 
        complete: function() { 
         return true; 
        } 
       }, 5); 

То, что я пытаюсь сделать, это проверка, если полный имеет вернул true об успешном завершении анимации, чтобы я мог переключать анимацию.

Каков наилучший метод для проверки, если это правда

if(velocity.complete() === true) 

Это возвращает неопределенное значение.

Любая помощь приветствуется.

Answer 1

Если вам нужно сохранить тот факт, что анимация завершена, в для того, чтобы прочитать эту информацию позже на основе взаимодействия с пользователем (например, нажатие кнопки), просто установите переменную во внешней области видимости:

var animationComplete = false; 

var velocity = new Velocity(element, { 
        translateX: 250, 
        complete: function() { 
         animationComplete = true; 
        } 
       }, 5); 

И читать его, когда происходит взаимодействие пользователя:

$("#someButton").on("click", function() { 
    if(animationComplete) { 
     // do something only if the animation has completed 
    } 
}); 

Неважно, где вы храните это значение (как локальную или глобальную переменную, как свойство на объекте и т. Д.), Если оно видимо для функций, которые необходимо прочитать и установить.

Обратите внимание, что возвращаемое значение обратного вызова complete никогда не используется. Объект функции обратного вызова complete передается в конструктор Velocity, и он называется позже изнутри собственного кода velocity.js. Velocity.js, вероятно, не раскрывает (или даже не сохраняет) это возвращаемое значение в любом месте.

Answer 2

Вы уже передаете полную функцию, но return ing true не очень полезен в этом случае. Начало второй анимации, когда полная функция называется:

var velocity = new Velocity(element, { 
    translateX: 250, 
    complete: function() { 
     // start another animation 
    } 
}, 5); 

---

Если вам нужно переключать анимации по щелчку или другого событию, вы должны сохранять анимацию булевой вне где-то, даже в элементе йота или с помощью JQuery data метод:

var $velocity = $("#velocity"); 

$velocity.data("animating", false); 
$velocity.data("direction", "left"); 

$velocity.on("click", function() { 

    if ($velocity.data("animating")) { 
     return; 
    } 

    $velocity.data("animating", true); 

    if ($velocity.data("direction") === "left") { 
     var ml = -30; 
     $velocity.data("direction", "right"); 
    } else { 
     var ml = 30; 
     $velocity.data("direction", "left"); 
    } 

    $velocity.velocity({marginLeft:ml},{ 
     duration:500, 
     complete: function() { 
      $velocity.data("animating", false);  
     } 
    }); 
}); 

JSFIDDLE