在没有jquery的情况下使用Velocity.js UI动画发出问题

Question

所以我有一个项目，我不能使用jquery。我必须使用原生的js。最近我使用过Velocity.js，我想再次使用它来完成这个项目。但是在文档和this post中，我找不到任何建议，以便使Velocity UI动画（例如transition.slideLeftIn）工作。

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

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

之后我尝试了：

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

和

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

并且

myElement.Velocity("transition.bounceLeftIn");

然而，这些解决方案都没有奏效。 关于我如何解决这个问题的任何想法？

提前致谢：）

Answer 1

您尝试过的所有内容都无法使用JS或不遵循Velocity的API。

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

第二个可能会引发参考/值错误。更具体地说，transition.slideLeftIn应该是一个字符串，如'transition.slideLeftIn'。

第三个显然会引发另一个参考错误，因为在window对象上设置了Velocity并且没有扩展Element。

所以正确的语法是：

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

Answer 2

我以为我会通过谷歌在这里偶然发现另一个答案。

我在使用没有jQuery的Velocity JS时遇到了问题。但是，我的问题与不使用正确的源代码有关，即使我是从here

下载的

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

以下是使用API​​的简单示例：

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