我正在尝试使用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它说它是未定义的。我在示例中缺少什么?弹跳的示例有效但我不知道不喜欢运动。
答案 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 ]
});
},