1つの項目にjqueryアニメーションを適用するにはどうすればよいですか？

Question

私はこれを正しく覚えているかどうかわかりませんが、jqueryを使用して揺れているアイテムを手に入れようとしています。私はこれをすることができましたが、行全体に乗るときはいつでも揺れます。あなたが画像の上にマウスを置いたときにだけ揺れてほしいです。ここで

はHTMLです：

<div class="top-logo" align="center"> 
    <span class="fa fa-magic fa-5x" aria-hidden="true"></span> 
</div> 

のjavascript：

$('.top-logo').hover(function(){ 
    if(!$(this).hasClass('animated')) 
    { 
     $(this).addClass('animated'); 
     $(this).stop().effect('shake', {distance:3}, 200); 
    } 
}, function(){ 
    $(this).removeClass('animated'); 
}); 

ここでは完全なコードです：http://codepen.io/l-emi/pen/QNZevb

私は動作しますが、左に杖を移動display:inline-blockを使用してみましたが、私はしばらくそれを中心にしたい。

ありがとうございました！

Answer 1

子供のに役立つはず

$('.top-logo span') 

Answer 2

$('.top-logo').hover(function(){ 
    $(this).toggleClass('animated'); 
    $("span", this).stop().effect('shake', {distance:3}, 200); 
}); 

$("span", this)または$(this).find("span")は、あなたがターゲットにしようとしているので、それは"span"