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

标签： jquery html hover jquery-hover

【解决方案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/

【讨论】：