未捕获ReferenceError:未定义rgba

Question

我正在尝试制作一个简单的动画，可以改变字体的颜色，但我正在与所述引用错误作斗争。有人能告诉我怎么走吗？我已经安装了彩色动画jQuery-plugin。

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)'});