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

我试图从动画CSS添加类摇上悬停,但它不工作,不知道我做错了。jQuery .hover不切换类,我做错了什么?

+0

你能后整个HTML页面,所以我们可以看到脚本标签,jQuery的版本ECT – Eric

+0

[工作正常这里(https://jsfiddle.net/pod6kcza/)..提供[MCVE ]重现问题 – charlietfl

回答

0

它似乎在工作。

$('.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>

0

我觉得你的代码应工作

jQuery的

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

CSS

.shake{ 
    background-color: yellow; 
} 

这里为t他的工作样本:https://jsfiddle.net/mqdfdkxv/