jQuery没有动画颜色变化

Question

小提琴：http://jsfiddle.net/BMJWS/

我想在点击时将文字变为红色，但由于某种原因它不起作用：

HTML：

<div id = 'text'>hi</div>

的CSS：

#text {
    color:black;
}

JS：

function turnred() {
    $("#text").animate({color: 'red'}, 400);
}

$('#text').click(function() {
    turnred();
});

Answer 1

要使用颜色动画，您需要添加JQuery UI：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

Updated Fiddle