jquery - 通过单击 textillate.js 中的单个元素来调用方法两次或多次

Question

不起作用

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

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

第二次调用没有发生，为什么？并且仍然导致文本 - 一个和第二个、第三个相同的元素......

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/