为什么anime.js不起作用?

时间:2017-05-17 14:06:46

标签: javascript animation

我试图将anime.js加载到我的网站中并且它不起作用。我已下载.ZIP并将其放入名为/ js /的子文件夹中并正确引用。我甚至可以在Chrome的检查中查看来源中的anime.min.js文件。

<script src="js/anime.min.js"></script>

我也有:

div {
    height: 50px;
  width: 50px;
    margin: 10px;
}

.purple {
    background-color: purple;
}

.darkgreen {
    background-color: darkgreen;
}

.darkred {
    background-color: darkred;
}

在我脑海里。

编辑:忘记了我的CSS

this.http.get(mysqlUrl).subscribe()

对我来说,动画为什么不能奏效是没有意义的。我从CodePen上的示例页面中获取了该代码。

1 个答案:

答案 0 :(得分:3)

您正在使用自己的代码同时加载脚本,因为您使用的是相同的标记。您必须确保在您的代码或动画未定义之前读取anime.min.js。将它放在两个单独的脚本元素中:

(begin ...)

如果错误仍然存​​在,你可以随时检查动画是否存在检查window.anime!== undefined,否则使用超时,但这样我以前说的应该工作