jquery事件繼續堆疊，直到上一個事件結束纔會啓動

下面的代碼基本上將所有圖像淡入到聯繫人類中的70％，然後當它徘徊時，如果您開始將鼠標懸停在多個區域上，則不透明度會更改爲100％圖像或多個懸停事件發生時，它會堆疊所有事件，直到前一個事件完成纔會開始下一個事件。jquery事件繼續堆疊，直到上一個事件結束纔會啓動

$(".contact img").fadeTo("slow", 0.7); 
$(".contact img").hover(function(){ 
    var titleID = $(this).attr('id'); 
    $("#" + titleID).fadeTo("fast", 1); 
},function(){ 
    var titleID = $(this).attr('id'); 
    $("#" + titleID).fadeTo("slow", 0.7); // This sets the opacity back to 60% on mouseout 
});

任何和所有的幫助將不勝感激。

謝謝

來源

2011-08-26 user827570

只是想知道，你爲什麼不只是'$（this）.fadeTo（「fast」，1）;'？ –

動畫是排隊。如果你想中止當前的動畫，來電.stop()^[docs]：

$(this).stop().fadeTo("fast", 1);

由於@Richard在他的評論中提到，看來你可以只使用$(this)。你正在做的是獲取當前元素的ID，然後讓jQuery用選擇器找到該元素。但你已經有一個元素的參考...

來源

2011-08-26 08:37:58

@trojanfoe：你必須更頻繁地刷新頁面;） –

這很難:(：D – trojanfoe

：D ............. –

jquery事件繼續堆疊，直到上一個事件結束纔會啓動

回答

相關問題