Jquery関数の問題

Question

私のコードに問題があります。それはcursurがdivの上にあるときにはうまく動作しますが、mouseoutで停止しません。私が間違っていたことは何ですか？ （私はjqueryの-アプローチのプラグインを使用しています）

$(document).ready(function() { 
     $("#wrap p").hover(function() {  
    $("span.fg").approach({"opacity": 1,}, 100); 
    $("span.fg").animate({fontSize: '15px'}, 300); 
     $("span.bg").animate({fontSize: '8px'}, 300); 
    }, 
    function() {  
     $(this).removeClass("hover"); 
     } 
    ); 
}); 

HTML：（リンクはHREFです、私は新しいユーザーだ）あなたはクラスのホバーを割り当てていない

<div id="wrap" class=""> 
<h2>Stuff</h2> 
    <p class="on"> 
     <span class="bg">Lorem Ipsum has been the</span> 
     <link "#"><span class="fg"> industry’s standard</span></a> 
     <span class="bg">dummy text ever</span> 
     <link ="#"><span class="fg">since the 1500s,</span></a> 
     <span class="bg">when an unknown printer took a galley of type and</span> 
     <link ="#"><span class="fg">scrambled it</span></a> 
     <span class="bg">to make a type specimen book.</span> 
     <link ="#"><span class="fg">scrambled it</span></a> 
     <span class="bg">to make a type specimen book.</span> 
    </p> 
</div> 

Answer 1

、あなたが求めていますjqueryメソッドhover。

あなたがにリファクタリングのいずれかが必要とするクラスを作成します（例えばmyHover、その後、追加と削除）、またはそのようなホバーメソッドが使用して戻って自分のorignalの値にスパンを設定します。

$(document).ready(function() { 
     $("#wrap p").hover(
     function() {  
     $("span.fg").approach({"opacity": 1,}, 100); 
     $("span.fg").animate({fontSize: '15px'}, 300); 
     $("span.bg").animate({fontSize: '8px'}, 300); 
    }, 
    function() {  
     $("span.fg").approach({"opacity": 0,}, 100); //change back to orginal value 
     $("span.fg").animate({fontSize: '10x'}, 300); //change back to orginal value 
     $("span.bg").animate({fontSize: '4px'}, 300); //change back to orginal value 
     } 
    ); 
});