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

时间:2017-04-21 09:55:19

标签: javascript jquery velocity.js

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 });

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

如何使用我的vanilla Javascript示例?

1 个答案:

答案 0 :(得分:1)

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

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

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