未捕獲ReferenceError：rgba未定義

Question

我正在嘗試製作一個簡單的動畫，它可以更改字體的顏色，但我正在努力解決所引用的錯誤。任何人都可以指點我正確的方向嗎？我已經安裝了彩色動畫jQuery插件。

HTML：

<ul class="menu"> 
<li><a href="">ABOUT US</a></li>   
<li><a href="">CONTACT</a></li> 
</ul> 

JS：

$('.menu').find('a').on('mouseenter', function() { 
    $(this).css({color: rgba(239, 231, 35, 0.8)}); 
}); 

Answer 1

你的JavaScript代碼缺少一些報價。

改變這一行：

$(this).css({color: rgba(239, 231, 35, 0.8)}); 

要這樣：

$(this).css({'color':'rgba(239, 231, 35, 0.8)'}); 

Answer 2

由於您使用jQuery的顏色動畫，然後下面的代碼會做的伎倆：

$(this).animate({color: 'rgba(239, 231, 35, 0.8)'});