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/