jquery - 通过单击 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/