Javascript 在不使用jquery的情况下使用Velocity.js UI动画的问题

所以我有一个不能使用jquery的项目。我必须使用原生js。由于最近使用了Velocity.js，我想在这个项目中再次使用它。然而，在文档中，尤其是我找不到任何建议，以使Velocity UI动画（例如transition.slideLeftIn）正常工作

在文档中我确实找到了一个例子，但它不是关于UI已经制作的动画

Velocity(document.getElementById("dummy"), { opacity: 0.5 }, { duration: 1000 });

之后，我尝试：

Velocity(myElement, { transition.slideLeftIn }, { duration: 1000 });

及

及

然而，这些解决方案都不起作用。 有没有办法解决这个问题

---

提前感谢：）

您尝试的所有内容要么无效，要么不符合Velocity的API

您尝试的第一行将引发语法错误

第二个可能会引发引用/值错误。更具体地说，

transition.slideLeftIn

应该是一个字符串，如

'transition.slideLeftIn'

中所述

第三个明显会引起另一个参考错误，因为速度是在

窗口

对象上设置的，并且不会扩展

元素

因此，正确的语法是：

Velocity(myElement, 'transition.slideLeftIn', { duration: 1000 });

---

我想我会为通过谷歌在这里遇到麻烦的人分享另一个答案

我在没有jQuery的情况下使用Velocity JS时也遇到了问题。然而，我的问题与没有使用正确的源代码有关，即使我是从

您应该能够在github页面上找到正确的代码：

下面是一个使用API的简单示例：

Velocity(myElem, {boxShadowSpread: "5em"}, {easing: "easeIn", duration: 500});

Velocity(myElement, 'transition.slideLeftIn', { duration: 1000 });

Velocity(myElem, {boxShadowSpread: "5em"}, {easing: "easeIn", duration: 500});