Индикатор Velocity.js: «блок» не работает в сочетании с левым: «-50px»

Question

Любые идеи, почему, когда я добавляю {left: '-50px'}, к команде скорости, что display: 'block' и opacity: 1 не применяются.

В CSS .popover установлен в display: none и opacity: 0

Все это прекрасно работает, если удалить свойство дисплея из скорости и использовать .show() из JQuery, но я хочу, чтобы попытаться сделать все это в скорость.

('.popover').velocity({left: '-50px'}, {"opacity": 1}, {display: 'block'}); 

Answer 1

Вы используете это неправильно, первый объект, передаваемый по скорости должен содержать свойства для анимации, со вторым вы передаете параметры:

$('.popover').velocity({ 
    left: '-50px', 
    opacity: 1, 
    display: 'block' 
}, {duration: 1000}); 

Согласно documentation:

$element.velocity({ 
width: "500px", 
property2: value2 
}, { 
/* Velocity's default options */ 
duration: 400, 
easing: "swing", 
queue: "", 
begin: undefined, 
progress: undefined, 
complete: undefined, 
display: undefined, 
visibility: undefined, 
loop: false, 
delay: false, 
mobileHA: true 
});