加载外部 javascript 不起作用，尝试使用 Textillate 为 HTML 元素设置动画

Question

你们中的一些人可能熟悉 Textillate。 ( https://jschr.github.io/textillate/ ) 在网站上，它说要完全实现动画，我必须确保包含 JQuery、animate.css ( http://daneden.github.io/animate .css/ ）和 lettering.js （ https://github.com/davatron5000/Lettering.js ）。 当然，我还要实现textillate.js文件。

出于某种原因，我无法使其正常工作，我认为我在加载 javascript 或 JQuery 文件时犯了一个错误。 可悲的是，控制台没有显示任何错误，所以有点奇怪..

我的代码使其工作：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="jquery.lettering.js"></script> <script src="jquery.textillate.js"></script> <link rel="stylesheet" href="animate.css"/> <h1 class="tlt" data-in-effect="rollIn">This should have a rollIn effect</h1>

它应该是一个非常简单的css动画。 如果你们中的任何人感兴趣，你可以在这里查看现场演示： http : //codepen.io/jschr/pen/GaJCi 。

这是一个使用 Textillate 的小教程： https : //github.com/jschr/textillate 。

正如您在上面的链接中看到的，用法应该是非常基本的，我看不出我做错了什么。

Answer 1

前两个脚本依赖于 jQuery，但在它们之后您才尝试加载 jQuery。

在加载依赖于它们的脚本之前，您需要加载脚本的依赖项。

更改<script>元素的顺序。