Velocity.js显示：＆＃39;阻止＆＃39;与左派合并时不起作用：＆＃39; -50px＆＃39;

Question

当我将{left: '-50px'},添加到display: 'block'和opacity: 1并未应用的力度命令时，有什么想法。

在CSS中.popover设置为display: none和opacity: 0

如果我从显示属性中移除速度并使用jQuery中的.show（），整个过程工作正常，但我想尝试以速度完成所有操作。

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

Answer 1

你使用它错了，传递给velocity的第一个对象需要包含要动画的属性，第二个是传递选项：

$('.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
});