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

Question

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

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

$(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

不知道你是文件有误还是插件名有误

您拥有的 jquery.lettering.js 文件 url 可以很容易地在浏览器中打开。

包含的插件功能是：$.fn.lettering 不是您正在使用的$.fn.textillate

Answer 2

我刚刚检查了插件，textillate 似乎不是 jQuery 函数。不过还有lettering。

也许试试

$('.tlt').lettering({ ... })

插件内部的功能

$.fn.lettering = function( method ) { ... });

Answer 3

您没有包含 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>

Answer 4

您没有包含 jquery.textillate.js 文件。请在包含 jquery.lettering.js 文件后添加类似内容，

<script src="http://jschr.github.io/textillate/jquery.textillate.js"></script>

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

Uncaught type error $(...)textillate is not a function

jquery

jquery-plugins