彩虹动画文本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/

如果有人知道修复，请帮助我，这只是令人难以置信。

Answer 1

插件使用包装集元素的innerHTML。如果您定位围绕要制作动画的实际文本的标记，那么您就是好的。所以请改用此调用：

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

Answer 2

替换

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

与

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