2011-07-10 143 views
0

我在頁面上有多個div(myDiv)。當用戶懸停在其中一個div上時,我想:稍微延遲一段時間後,再顯示另一個div(myPop)。幾乎像一個工具提示。下面的代碼只是沒有做到這一點。如果用戶在多個myDivs上移動鼠標,則可以等待並查看所有myPops淡入淡出。我真的想要完全隱藏用戶以前導致淡入淡出的所有myPops。因爲最終會顯示所有這些myPops的尾隨效果。jquery顯示懸停的元素

$(".myDiv").hover(function() { 
    $(this).find(".myPop").fadeIn('slow'); 
}, function() { 
    $(this).find(".myPop").fadeOut('fast'); 
} 
}); 

回答

2

嘗試:

$(".myDiv").hover(function() { 
    $(".myPop").stop(); 
    $(this).find(".myPop").fadeIn('slow'); 
}, function() { 
    $(this).find(".myPop").fadeOut('fast'); 
}); 
0

你有一個語法錯誤,你有第二個功能,一個額外的},這應該工作:

$(".myDiv").hover(function() { 
    $(this).find(".myPop").fadeIn('slow'); 
}, function() { 
    $(this).find(".myPop").fadeOut('fast'); 
}); 
+1

由於假設這是一個錯字有OP已經表示他的代碼工作正常,但不完全是他想要的。如果他的代碼中有這個錯誤,那麼它根本就不起作用。 –