Javascript 动画js中未识别stagger()函数
我刚开始使用动画,这是一个很好的图书馆 但是,正如文档中所示,我想使用交错函数,当我想使用交错函数时,我的控制台会给我以下消息 “动画.交错不是一种功能” 因此,我想知道我正在使用的cdn是否已经过时,或者我在使用过程中遗漏了其他内容。否则,在我想使用交错函数之前,我的代码是有效的Javascript 动画js中未识别stagger()函数,javascript,anime.js,Javascript,Anime.js,我刚开始使用动画,这是一个很好的图书馆 但是,正如文档中所示,我想使用交错函数,当我想使用交错函数时,我的控制台会给我以下消息 “动画.交错不是一种功能” 因此,我想知道我正在使用的cdn是否已经过时,或者我在使用过程中遗漏了其他内容。否则,在我想使用交错函数之前,我的代码是有效的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="main.css">
<title>Document</title>
</head>
<body>
<h1>Design for Grid</h1>
<section>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js"></script>
<script>
let tl = anime.timeline({
easing: 'easeOutExpo',
duration: 750
});
//Add children
tl.add({
targets: 'section div',
backgroundColor: 'rgb(111,193, 243)',
delay: anime.stagger(300)
})
</script>
</body>
</html>
文件
网格设计
让tl=动画时间线({
放松:“easeOutExpo”,
持续时间:750
});
//添加子项
tl.add({
目标:‘分区分区’,
背景颜色:“rgb(111193243)”,
延迟:动画。交错(300)
})
最新版本的animeJS发布后,CDN已经过时。即3.0.1
不要
谷歌应该把这些人从高层职位上除名。JK:=)我也有同样的问题。我通过下载并使用最新版本3.0.1修复了它。你可以 是的,这是我的回答,但我还没有意识到。所以我接受你的努力。谢谢!