jquery - jQueryツールチップホバーループアニメーション

Question

jQueryでカスタムツールチップシステムを作成しました。これは、CSSスタイルで新しい要素を作成して、他のすべてのアイテムの上に適切な場所に配置します。

すべてが正常に機能しますが、マウスをツールチップ上に移動すると、親オブジェクトにカーソルを合わせたために発生したアニメーションがループを開始します。

ホバーイベントがツールチップでトリガーされないようにする方法はありますか？

これが私のコードです：http：//jsfiddle.net/UzUct/1/

Answer 1

スクリプトのこの部分を変更します。

// Parent Hover Script
$(".item").hover(function() {
    $(this).stop().animate({
        "opacity": "0.5"
    },"fast");
},function() {
    $(this).stop().animate({
        "opacity": "1"
    },"fast");
});

あなたは.stop()前のアニメーションを止めるために与えるべきです！:)

フィドル： http： //jsfiddle.net/UzUct/4/