jQuery .hover 不切换类，我做错了啥？

Posted 2023-05-08

【中文标题】jQuery .hover 不切换类，我做错了啥？

【英文标题】：jQuery .hover not toggling class, what am I doing wrong?jQuery .hover 不切换类，我做错了什么？

【发布时间】：2017-09-10 21:41:03

【问题描述】：

<li class="animated aButton"><a href="#about">About Me</a></li>

$('.aButton').hover(
  function() 
    $(this).toggleClass('shake');
  
);

我正在尝试在悬停时从动画 css 添加类抖动，但它不起作用，不知道我做错了什么。

【问题讨论】：

你能把整个html页面贴出来，这样我们就可以看到脚本标签，jquery版本等

works fine here .. 提供一个重现问题的minimal reproducible example

【参考方案1】：

它似乎正在工作。

$('.aButton').hover(
  function() 
    $(this).toggleClass('shake');
  
);

.shake 
  color: #ff0;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="animated aButton"><a href="#about">About Me</a></li>

【参考方案2】：

我认为你的代码应该可以工作

jQuery

$('.aButton').hover(
  function() 
    $(this).toggleClass('shake');
  
);

CSS

.shake
  background-color: yellow;

这是工作示例：https://jsfiddle.net/mqdfdkxv/