如何停止同时执行两个悬停效果？

Question

我使用以下代码生成工具提示框。当用户将鼠标悬停在指定范围内时，该框会切换。问题是我在页面上有20或30个这样的问题，所以如果用户在列表中按下鼠标，我会看到所有30个按顺序出现并消失。如果有另一个工具提示当前可见或正在设置动画，我有什么办法可以阻止效果运行吗？

    $('td.aO .tTCont').hover( function(){
    $(this).siblings('div.toolTip').delay(100).fadeToggle('200');})

Answer 1

您可以使用.stop()停止当前动画，并使用.clearQueue()删除所有排队/待处理的动画。

在为另一个动画添加其他动画之前，为相应的选择器调用（其中一个）它们就可以了。

你可能不得不玩它们来找到一个看起来不错的配置。 ：）

Answer 2

试试这段代码：

$('td.aO .tTCont').hover( function(){
    $(this).children('.toolTip').delay(100).fadeToggle('200');})