javascript - 尝试使用Textillate.js制作动画时，jQuery click函数仅工作一次

我想使用jQuery和Textillate.js为文本设置动画，但是仅使用.click()可以工作一次；单击时需要刷新浏览器以使文本动画。我希望有人能帮帮忙。

我的HTML:

<h1 class="test">Im so handome!</h1>

这是JavaScript

var asdf = $('.test');
asdf.click(function() {
    asdf.textillate({
        in: {
            effect: 'bounceIn'
        }
    });
});

最佳答案

您应该在click函数之外初始化textillate插件，然后在click函数内触发api。

这应该工作:

var asdf = $('.test');
asdf.textillate({
    autoStart: false,
    in: {
        effect: 'bounceIn'
    }
  });
var api = asdf.data('textillate');

asdf.click(function() {
  api.start();
});

关于javascript - 尝试使用Textillate.js制作动画时，jQuery click函数仅工作一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18098317/