Fatal编程技术网
  • javascript/
  • Javascript Textillate JS JQuery动画不是所选动画（并且始终相同）

Javascript Textillate JS JQuery动画不是所选动画（并且始终相同）

javascript jquery animation

Javascript Textillate JS JQuery动画不是所选动画（并且始终相同）,javascript,jquery,animation,jquery-textillate,Javascript,Jquery,Animation,Jquery Textillate,我正在使用将动画添加到文本。我的html页面如下所示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Textillate</title> <link rel="stylesheet" href="animate.min.css&quo

我正在使用将动画添加到文本。我的html页面如下所示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Textillate</title>
    <link rel="stylesheet" href="animate.min.css">

    <script src="jquery-3.5.1.min.js"></script>
    <script src="jquery.lettering.js"></script>
    <script src="jquery.textillate.js"></script>
</head>
<body>
    <div class="tlt">
        Hello world
    </div>

    
    <script>
        $('.tlt').textillate({ in: { effect: 'bounceInDown' } });
    </script>
</body>
</html>


纺织厂
你好，世界
$（'.tlt'）.textillate（{in:{effect:'bounceInDown'}}）；
其中包含的脚本和css来自以下链接：

问题是，无论我在
in
对象中将
设置为
effect
，结果始终是默认的textillate动画：字符从左到右依次出现，我可以控制出现字母的顺序（例如设置
shuffle:true
，等等），但不能控制动画类型


这几乎就是textillate在其github页面上提供的示例代码，因此我不知道问题出在哪里。
我认为问题与animate.css引用有关，我更改了它，它就工作了。希望能有帮助



$（'.tlt'）.textillate（{in:{effect:'flipInY'}}）；
$（'.tlt2'）.textillate（{in:{effect:'rollIn'}}）；
$（'.tlt3'）.textillate（{“loop”：true，“in”：{“effect”：“fadeInDownBig”，“shuffle”：false，“reverse”：false，“sync”：false}，“out”：{“effect”：“铰链”，“shuffle”：true，“reverse”：false，“sync”：false}）


你好，世界
你好，世界
你好，世界

我现在实际上复制了textillate网站上使用的文件，以确保使用相同的版本，并解决了问题，因此，也许您的解决方案也会起作用，我将在将来尝试它，以了解它。谢谢你的回答