javascript - jQuery addClass() 返回意外结果

Question

这里真是莫名其妙。我只是想做一个 addClass('test')在悬停的目标上...我的 jQuery 看起来像这样:

//#nav-main dropdown effects                
$('#nav-main ul li').hover(function () {
     $('#nav-main ul li').addClass('test');
   $(this).find('.dropdown').stop(true,true).slideToggle('slow');
   $('#nav-main ul li').removeClass("test");
});

然而，返回的是 HTML:

<li id="menu-events">

为此:

<li id="menu-events" class="">

有什么想法吗？

Answer 1

您在同一个函数中添加和删除类。 jQuery 不会删除 class 属性，即使它是空的。您似乎缺少悬停的其他回调函数——您是否想在推出时删除该类？看来你想要更像这样的东西:

//#nav-main dropdown effects                
$('#nav-main ul li').hover(function () { // onRollOver
     $('#nav-main ul li').addClass('test');
     $(this).find('.dropdown').stop(true,true).slideDown('slow');
}, function() { // onRollOut
     $('#nav-main ul li').removeClass("test");
     $(this).find('.dropdown').stop(true,true).slideUp('slow');
});