2012-02-02 45 views
0

我似乎無法得到淡入淡出Div覆蓋原始DIV而不會導致淡出問題。有什麼建議麼?覆蓋DIVS

http://jsfiddle.net/AndyMP/qCa7a/11/

$(document).ready(function(){ 
    $(".thumbnail").hover(
     function(){ 
      $(".overthumb").stop(true,true).fadeIn(1000); 
     }, 
     function(){ 
      $(".overthumb").stop(true,true).fadeOut(1000); 
     } 
    ); 
}); 
+0

這是關係到你的其他問題:http://stackoverflow.com /問題/ 9116213/hover-div-fades-in-but-out-out – j08691 2012-02-02 17:36:02

+0

是的,那裏的一個人說開始一個新的問題。 – Andy 2012-02-02 17:39:30

回答

1

您需要將第二個div放在第一個裏面,這有效地導致「out」正確觸發。

這是jsfiddle ......希望這有助於!

對於每個人都害怕的jsfiddle的,這裏的想法:

<div class="thumbnail"> 
    <div class="overthumb" style="display:none;"></div> 
</div> 

...和附帶的腳本:

$(document).ready(function(){ 
    $(".thumbnail").hover(
     function(){ 
      $(".overthumb").stop(true,true).fadeIn(1000); 
     }, 
     function(){ 
      $(".overthumb").stop(true,true).fadeOut(1000); 
     } 
    ); 
}); 
3

難道你們就不能只是把它的其他分區裏面?

+0

工作正常!尼斯。 – Andy 2012-02-02 17:33:46