jQuery .hover没有切换类,我做错了什么?

时间:2017-04-14 15:37:29

标签: jquery html hover jquery-hover

<li class="animated aButton"><a href="#about">About Me</a></li>
$('.aButton').hover(
  function() {
    $(this).toggleClass('shake');
  }
);

我试图在悬停时添加来自动画css的类震动,但它不起作用,不确定我做错了什么。

2 个答案:

答案 0 :(得分:0)

似乎有效。

&#13;
&#13;
$('.aButton').hover(
  function() {
    $(this).toggleClass('shake');
  }
);
&#13;
.shake {
  color: #ff0;
}
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我认为您的代码应该正常工作

Jquery的

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

CSS

.shake{
  background-color: yellow;
}

以下是工作示例:https://jsfiddle.net/mqdfdkxv/