Velocity.js顯示：與左側結合使用時，“ block”不起作用：“-50px”

Question

當我在速度命令中添加{left: '-50px'},並沒有應用display: 'block'和opacity: 1任何想法。

在CSS中， .popover設置為display: none和opacity: 0

如果我取消了display屬性的速度並使用了jQuery的.show（），那么整個事情就很好了，但是我想嘗試全部以速度完成。

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

Answer 1

您使用的是錯誤的，傳遞給力度的第一個對象需要包含要設置動畫的屬性，而傳遞給第二個的選項是：

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

根據文檔 ：

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