jquery - 未捕获的类型错误 $(...)textillate 不是函数

Question

我想知道是否有其他人遇到过 textillate 函数在 javascript 控制台中出现此错误的问题。

我检查了我的源代码，我的文件链接正确，并且我正在使用另一个站点的演示，但我仍然遇到此错误

$(document).ready(function() {

    $('.tlt').textillate({
       in: {
           shuffle: false,
           sync: true
       },
       out: {
             effect: 'fadeOutRightBig',
             shuffle: false,
             sync: true
       },
       loop: true
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.vusive.com/v2/plugins/textillate/jquery.lettering.js"></script>
<link href="https://www.vusive.com/v2/plugins/textillate/animate.css" rel="stylesheet"/>

<div class="demo">
    <p>Each of this letter will animate.</p>
</div>

如果您进入全屏模式测试代码然后打开开发者控制台，您将看到相同的错误

Answer 1

您没有包含 textillate JavaScript 文件

$(document).ready(function() {

    $('p').textillate({
       in: {
           shuffle: false,
           sync: true
       },
       out: {
             effect: 'fadeOutRightBig',
             shuffle: false,
             sync: true
       },
       loop: true
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.vusive.com/v2/plugins/textillate/jquery.lettering.js"></script>
<script src="http://jschr.github.io/textillate/jquery.textillate.js"></script>

<link href="https://www.vusive.com/v2/plugins/textillate/animate.css" rel="stylesheet"/>

<div class="demo">
    <p>Each of this letter will animate.</p>
</div>