jquery - 彩虹动画文本jQuery破坏innerHTML

Question

我有一个简单的标记

<a href="/u1"><span style="color:#FF0000"><strong>Mr.EasyBB</strong></span></a>

这是 API Rainbow 的 jQuery 调用者

$('a[href="/u1"]').rainbow({ 
colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});

尽管每当我成功时，它都会将 HTML 显示为链接。为了更好地理解，请访问我提供的 jsfiddle，因为这太奇怪了！

http://jsfiddle.net/sr5df/

如果有人知道修复方法，请在这里帮助我，这简直令人难以置信。​</p>

Answer 1

该插件使用包装集元素的 innerHTML。如果您针对要设置动画的实际文本周围的标签，那么您很好。所以改用这个调用：

$('a[href="/u1"] strong')... etc

Answer 2

代替

options.originalText = $(this).html();

和

options.originalText = $(this).text();