问题标签 [jquery-textillate]

我想使用textillate一个接一个地显示我的两个文本动画

This did not work, plugin: http://jschr.github.io/textillate/

callback on guthub

使用Textillate.js（http://jschr.github.io/textillate/）并试图获得一个基本的动画，不知道为什么我的不工作，查看其他 SO 问题，我只是复制和粘贴只是为了看看如果它工作正常，但事实并非如此。我也确实在我的项目中添加了一个jquery.lettering.js和jquery.textillate.js文件（也是animate.css），但我想因为我只是从 github 复制和粘贴，所以我不需要在这里发布它。

HTML

CSS

我正在尝试将Textillate脚本与Royalslider集成，但是在幻灯片更改时让 Textillate 触发问题，而不是在第一次加载时在每张幻灯片上触发。

每次更改幻灯片时，下面的“当前”代码都会尝试初始化 textillate.js 脚本。但是，该效果将应用于每个 rsABlock（要设置动画的文本），无论它们放置在哪张幻灯片上。当您浏览和更改幻灯片时，我希望 textillate 脚本在每张幻灯片上的 rsABlock 上触发（每张幻灯片上都有一个）。请参阅基于 Royalslider 支持门户的一些非常基本的支持的“尝试”，但这不起作用。

任何人都可以帮忙吗？

当前的

试图

我想为我的段落制作动画，点击按钮后内容将被替换。所以按钮#start_animation应该启动文本in动画，按钮#out_animation应该引起out动画。然后我点击#replaced_word替换段落内容的第三个按钮。

重要提示：我总是点击同一行：

1. #start_animation

2. #out_animation

3. #replaced_word

所以这个词应该由一个动画（）进来，fadeIn然后由另一个动画（）出去，fadeOut然后被替换，然后我再次点击第一个按钮#start_animation，它一遍又一遍地重复。问题是它只在第一次工作。我的意思是直到我#start_animation第二次点击。我之前用代码写过这个问题，但它太长了，所以我以片段的形式做了。有任何想法吗？

每当将窗口大小调整为 PC 和移动视图时，我都想为我的标题设置动画，但 Textilate 仅在重新加载时执行。

这是我的代码：

我想在将窗口大小调整为 pc 或移动视图而不重新加载页面时为文本设置动画。

我正在使用textillate.js向文本添加动画。我的 html 页面看起来像这样

其中包含的脚本和 css 取自以下链接：

• https://raw.githubusercontent.com/jschr/textillate/master/jquery.textillate.js
• https://code.jquery.com/jquery-3.5.1.min.js
• https://raw.githubusercontent.com/davatron5000/Lettering.js/master/jquery.lettering.js
• https://raw.githubusercontent.com/animate-css/animate.css/master/animate.min.css

问题是，无论我effect在in对象中设置什么，结果始终是默认的文本动画：字符从左到右一个接一个地出现，我可以控制出现字母的顺序（例如 settingshuffle: true等。 )，但不是动画类型。

这几乎是 textillate 在他的 github 页面上提供的示例代码，所以我不知道问题出在哪里。

我设置了这个 textillate 选项，已经在网上尝试了一些示例，但没有运行动画，我认为是正确的。目标是创建一个按钮，其中第一个文本元素随机逐个字母淡入淡出，第二个文本也随机淡入淡出，这是我尝试过的：

Codepen 示例在这里