jquery - 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”缓动，所以这是错误的：

$(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;
  }