ripple.js在動(dòng)態(tài)添加元素時(shí)出錯(cuò)

在之前直接使用jQuery以

$('.c1').append('<div class="c2">xxxxxx</div>');

這樣的形式添加之后是可以生效的，
注冊(cè)代碼如下

window.rippler = $.ripple('.c2', {
    multi: false
});

代碼修改為

var c2=$('<div\>');
c2.addClass('c2');
c2.text('xxxxxx');
c2.appendTo('.c1');

之后，動(dòng)畫(huà)效果無(wú)效，依然會(huì)出現(xiàn)，但是不會(huì)活動(dòng)。

<span class="ripple ripple-animate" style="animation-timing-function: linear; background: rgb(255, 255, 255); opacity: 0.4; top: 12px; left: 34.6px;"></span>

如上，特效會(huì)固定不動(dòng)。