ripple.js在动态添加元素时出错

Question

在之前直接使用jQuery以

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

这样的形式添加之后是可以生效的，
注册代码如下

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

代码修改为

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

之后，动画效果无效，依然会出现，但是不会活动。

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

如上，特效会固定不动。

Answer 1

问题解决
忘了添加css