为什么升级jQuery会破坏jQuery UI功能？

Question

这是小提琴：

http://jsfiddle.net/KpEMc/1718/

这一切都很完美。它是JQuery 1.4.4版本。但是当我将JQuery版本更新到最新版本时，它不起作用。为什么呢？

可以找到更新版本here。

这是JS代码：

$(document).ready(function(){
    $("#sample").mouseover(function() {
         $(this).animate({ backgroundColor:'#f00'},300);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#ccc'},300);
    });       
});

Answer 1

您没有选择jQuery UI。只需勾选jQuery UI 1.9.2。

在这里：Working jsFiddle

您还应该尝试

on("mouseover", function() {} );

Answer 2

我的建议是不要将jQuery用于如此微不足道的事情。

仅限CSS！

#sample {
    background-color:#ccc;
    transition:background-color 0.3s ease;
    -webkit-transition:background-color 0.3s ease;
}
#sample:hover {
    background-color:#f00;
}

Updated Fiddle