2017-04-14 74 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/