Javascript 当尝试使用Textillate.js制作动画时，jQuery单击函数只工作一次

我想使用jQuery设置文本动画，但使用

，它只能工作一次；单击时需要刷新浏览器以设置文本动画。我希望有人能帮忙

我的HTML：

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

试试这个

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

200将在每200毫秒后设置动画。
您应该在click函数外初始化
textillate
插件，然后在click函数内触发api

这应该起作用：

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

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

从我所看到的，在

中只有一个

的动画，完成后单击可能不起作用。您是否尝试过定义一个out动画？是否要连续跳入？我刚刚尝试了out动画，但仍然没有任何更改。我只想在单击文本时重新设置动画。或者，您可以调用
asdf.textillate（'start'）
，而无需保存数据对象。
var asdf = $('.test');
asdf.textillate({
    autoStart: false,
    in: {
        effect: 'bounceIn'
    }
  });
var api = asdf.data('textillate');

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