Noty示例,速度 - 速度()未定义

时间:2017-04-14 19:07:53

标签: javascript jquery

我正在尝试使用Noty网站上的这个示例:http://ned.im/noty/animations.bouncejs.html

我安装了noty.js及其CSS计数器部分。我也下载了velocity.js并在我的网站中正确链接。我知道它已正确链接,因为我可以使用JQuery选择一个元素并对其执行由velocity提供的函数:

$("table").velocity("fadeOut", {
    duration: 3500
});

noty网站上提供的示例虽然使用了如下格式的调用:

new Noty({
text: 'NOTY - animating with velocity!',
animation: {
    open: function () {
        var n = this;
        Velocity(n.barDom, {
            left: 450,
            scaleY: 2
        }, {
            duration: 0
        });
        Velocity(n.barDom, {
            left: 0,
            scaleY: 1
        }, {
            easing: [ 8, 8 ]
        });
    },

它通过使用Velocity调用它(...当我将此代码放入我的页面时它出错并使用chrome F12它说它是未定义的。我在示例中缺少什么?弹跳的示例有效但我不知道不喜欢运动。

1 个答案:

答案 0 :(得分:0)

在开发者的帮助下,我们发现他网站上的声明存在问题。 Velocity并不像问题中的方式那样工作。它需要用$ .Velocity声明当前版本的NOTY&速度

new Noty({
text: 'NOTY - animating with velocity!',
animation: {
    open: function () {
        var n = this;
        $.Velocity(n.barDom, {
            left: 450,
            scaleY: 2
        }, {
            duration: 0
        });
        $.Velocity(n.barDom, {
            left: 0,
            scaleY: 1
        }, {
            easing: [ 8, 8 ]
        });
    },