jquery 删除悬停删除类名

Question

这个问题已经有答案了:

jQuery .hover not working (2 个回答)

已关闭 10 年前。

我有这个 jQuery 代码来替换类名 <li class="cat">与 <li class="cat show">悬停时。我将鼠标悬停后，它保持不变。 removeClass 有什么问题吗？代码？

JS

jQuery(".cat").hover(function({
    jQuery(this).addClass('show').siblings().removeClass('show');
});

HTML

<ul> 
    <li class="cat"><a>Motors</a>    
        <ul> 
            <li>Top categories</li> 
            <li> <a href="" aria-haspopup="false">Cars</a></li>
            <li> <a href="" aria-haspopup="false">Motorcycles</a></li> 
            <li> <a href="" aria-haspopup="false">Parts</a></li> 
        </ul> 
    </li>
</ul>

Answer 1

jQuery 中的悬停事件需要 2 个回调函数:一个是指针移过项目时的回调函数，另一个是指针离开项目时的回调函数:

就您而言:

jQuery(".cat").hover(
   function() {
      jQuery(this).addClass('show');
   },
   function() {
      jQuery(this).removeClass('show');
   }
);

参见Hover