如果类不是 .active，则 jQuery 动画

Question

我正在尝试为我的导航的背景颜色设置动画，我可以使用它

$(".mainNav li a").hover(function () {
    $(this).stop().animate({ backgroundColor: "#EF4D23" }, 500);
}, function () {
    $(this).stop().animate({ backgroundColor: "#303030" }, 500);
});

下一步我想做的只是在标签的类不是 .active 的情况下才执行此动画，所以我正在尝试：

$(".mainNav li a").hover(function () {
    if ($(this).not(".active")) {
        (function () {
            $(this).stop().animate({ backgroundColor: "#EF4D23" }, 500);
        }, function () {
            $(this).stop().animate({ backgroundColor: "#303030" }, 500);
        });
    }
});

但它没有做任何事情或给我一个错误。

感谢您的任何帮助。

Answer 1

您想使用 .is() 而不是 .not() （.not() 将过滤元素，.is () 根据是否匹配选择器返回一个布尔值）

$(".mainNav li a").hover(function () {
    if (!$(this).is(".active")) {
       (function () {
            $(this).stop().animate({ backgroundColor: "#EF4D23" }, 500);
        }, function () {
            $(this).stop().animate({ backgroundColor: "#303030" }, 500);
        });
     }
});

Answer 2

尝试以下操作：

    $(".mainNav li a").not(".active").hover(function () {
...code    
    });

Answer 3

if ($(this).not('active').length > 0) {