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

Question

这是小提琴：

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

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

更新版本可以在这里找到。

这是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。

给你：工作 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;
}

更新小提琴