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

Question

Velocity.js 提供了与 jQuery:

一起使用的示例

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

但是我想像这样使用香草Javascript：

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

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

我将如何使用我的香草 Javascript 示例中的那些？

Answer 1

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

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

jQuery 辅助函数只是从第一个参数中提取元素列表 - 不要忘记您可以传递任何元素查找方法的结果，包括 document.querySelectorAll（甚至 jQuery 如果你愿意的话）作为第一个参数。

Velocity.js with jQuery using pre-defined functions