使用jQuery的Velocity.js使用预定义的函数

Question

Velocity.js提供了与jQuery一起使用的示例：

$element
    .velocity("slideDown", { duration: 1500 })
    .velocity("slideUp", { delay: 500, duration: 1500 });

但是我想像这样使用vanilla Javascript：

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

这很好但我希望在这里使用预定义的slideDown和slideUp函数。

如何使用我的vanilla Javascript示例？

Answer 1

请确保包含velocity-ui.js，并以与之前完全相同的方式使用它们

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

jQuery帮助器函数只是从第一个参数中拉出元素列表 - 不要忘记你可以从任何元素查找方法传递结果，包括document.querySelectorAll（或者如果你想的话甚至是jQuery）参数。