jQuery 没有动画颜色变化

Question

fiddle :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