2

所以我有一个不能使用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(myElement, transition.slideLeftIn, { duration: 1000 });

和

myElement.Velocity("transition.bounceLeftIn");

然而，这些解决方案都不起作用。关于如何解决这个问题的任何想法？

提前致谢 ：）

4

2 回答 2

3

您尝试的一切要么不是有效的 JS，要么没有遵循 Velocity 的 API。

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

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

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

所以正确的语法是：

Velocity(myElement, 'transition.slideLeftIn', { duration: 1000 });
于 2014-11-24T16:27:42.540 回答
3

只是想我会为通过谷歌在这里偶然发现的任何人分享另一个答案。

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

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

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

Velocity(myElem, {boxShadowSpread: "5em"}, {easing: "easeIn", duration: 500});
于 2015-04-17T03:36:28.937 回答