.stop（）不懸停選擇

Question

工作，這是我的代碼：

$(function(){ 
    $("#deals ul li ul").hover(function(){ 
    $(this).stop().find(".trans").fadeIn("fast"); 
    $(this).stop().find(".text").fadeIn("fast"); 
    return false; 
    },function(){ 
    $(this).find(".trans").fadeOut("fast"); 
    $(this).find(".text").fadeOut("fast"); 
    }); 
    return false; 
}); 

當你快速懸停了幾次它會加載每秒這些行動和stop（）應該讓它停止，但它在這裏不起作用，任何想法將不勝感激。

Answer 1

.stop()需要位於可能動畫的元素上。

你的ul沒有收到動畫，所以它對.stop()沒有任何好處。這是動畫的.trans和.text元素。

$(function(){ 
    $("#deals ul li ul").hover(function(){ 
    $(this).find(".trans").stop().fadeIn("fast"); 
    $(this).find(".text").stop().fadeIn("fast"); 
    return false; 
    },function(){ 
    $(this).find(".trans").fadeOut("fast"); 
    $(this).find(".text").fadeOut("fast"); 
    }); 
    return false; 
});