通过单击textillate.js中的单个元素，将方法调用为两次或更多次

Question

不起作用

$(".one").click(function() {
    $('#myspan').textillate({ in: { effect: 'flash' } });
});

$(".two").click(function() {
    $('#myspan').text("new_text");
    $('#myspan').textillate({ in: { effect: 'swing' } });
});

第二次通话没有发生，为什么？ 并仍然导致textillate - 第二个，第三个...的同一个元素......

Answer 1

您可以调用textillate的start方法来触发动画。

var $tlt = $('.tlt').textillate({ 
    autoStart: false,
    in: { effect: 'tada' }
});

$('.start').on('click', function () {
    $tlt.textillate('start'); 
});

演示：http://jsfiddle.net/jschr/na8jp/