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

Question

我正在使用以下代码生成工具提示框。当用户将鼠标悬停在指定范围上时，框会切换。问题是我在页面上有 20 或 30 个，所以如果用户在列表中向下移动鼠标，我会让所有 30 个依次出现和消失。如果当前可见或正在制作动画的过程中有另一个工具提示，有什么方法可以停止效果运行？

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

score 1 · Accepted Answer

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

在您查询另一个动画之前，为相应的选择器调用（其中一个）就可以了。

您可能必须与他们一起玩才能找到看起来不错的配置。:)

score 0 · Accepted Answer

试试这个代码：

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

2 回答 2