javascript - 将 Textillate 与 Royalslider 一起使用

Question

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

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

任何人都可以帮忙吗？

当前的

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    // Textillate animation
    $('.rsABlock').textillate({
        loop: false,
        type: 'word'
    });
});

试图

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    this.rsInstance().currSlide.content.find('.rsABlock').textillate({
        loop: false,
        type: 'word'
        // More options here
    });
});

Answer 1

解决了这个问题，看来我用this.rsInstance()了太多次了。

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    this.currSlide.content.find('.rsABlock').textillate({
        loop: false,
        initialDelay: 0,
    });
});