彩虹动画文本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();