彩虹文字動畫jQuery的破壞innerHTML的

我有一個簡單的標記彩虹文字動畫jQuery的破壞innerHTML的

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

這是jQuery的調用者的API彩虹

$('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/

如果有人知道的修復，請幫我在這裏，這只是令人震驚。

來源

2012-12-17 EasyBB

我覺得像我剛剛一直裏克軋......熱鬧的插件更換

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

。 – Ryley

爲什麼歡鬧？大聲笑。我將它用於我的會員，他們希望代碼使他們的成員名稱「生動彩虹/鉻/燈光卷軸」有些是女孩，所以你知道他們是如何喜歡它的漂亮。 – EasyBB

當您決定哪個答案對您最有幫助時，請點擊答案左側的複選框大綱，將其標記爲接受的答案。如果你需要更多的澄清，請不要猶豫，問問=） – furins

該插件使用包裝的元素的innerHTML。如果您將標籤圍繞您要製作動畫的實際文字，那麼您就很好。因此，使用這個調用來代替：

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

來源

2012-12-17 21:59:09 koenpeters

好吧我會試試這個 – EasyBB

與

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

來源

2012-12-17 22:00:41 furins

和[demo]（http://jsfiddle.net/davidThomas/sr5df/9/）。 =）但是，它確實存在一個問題，即它刪除了'strong'標籤（因此，如果它們是必需的，則需要定位該元素而不是父'a'）。 –

http://jsfiddle.net/ZYJ9r/2/（我只是改變了第4行，並添加了@koenp和@DavidThomas建議的強標記） – furins

也許我不清楚，對不起：我*提供*鏈接，不要求一個。 =） –

彩虹文字動畫jQuery的破壞innerHTML的

回答

相關問題