jQuery UI没有动画addClass（我有jsfiddle示例）

Question

我正在制作菜单。我正在使用jQ UI，它应该动画.addClass，但它不是动画...我做错了什么？ 这是我的代码：

$(".items li:not(.testAct)").hover(
    function() {
        $(this).addClass("testHov", 1000, "easeIn");
    },
    function () {
        $(this).removeClass("testHov", 1000, "easeIn");
    }
);  

这是我的jsFiddle

Answer 1

你的CSS和JS有一些错误。

没有“easeIn”easing，所以这是错误的：

$(this).addClass("testHov", 1000, "easeIn");

此外，after伪类无法帮助您获得所需内容。

这是一个有效的例子：

http://jsfiddle.net/ZR5Zp/6/

Answer 2

进行了一些更改并且有效：

http://jsfiddle.net/ZR5Zp/4/

$(".items li:not(.testAct)").hover(
function() {
    $(this).addClass("testHov", 1000, "easeInBounce");
},
function () {
    $(this).removeClass("testHov", 1000, "easeInBounce");
}
);  

的CSS：

.testHov {
    background-color: #00f;
  }