链接上的 jQuery 动画

Question

我有以下 HTML:

<div class="olympics" style="display: block; position: absolute; left: 250px; top: px;">

   <a style="display: inline-block; float: left; height: 20px; margin: 5px;" href="#">Link 1</a>
   <a style="display: inline-block; float: left;  height: 20px; margin: 5px;" href="#">Link 2</a>

 </div>​

和JS:

$('.olympics a').hover(function() {
    $(this).animate({
        backgroundColor: "#aa0000",
        color: "#fff"
    }, 1000);
}, function() {
    $(this).animate({
        backgroundColor: "#fff",
        color: "#aa0000"
    }, 1000);
});​

知道为什么这个动画不起作用吗？

jsfiddle 演示在这里: http://jsfiddle.net/Seefeld/NzhxH/13/

Answer 1

您是否在导入中包含了 jQueryUI 包？当我将它添加到你的 fiddle 中后，它就可以工作了

http://jsfiddle.net/NzhxH/19/