JQuery鼠標暫停

Question

以前已經處理過類似的問題，但我相信由於使用bind（）函數，我的方法略有不同。總之...

$('.overlay').bind("mouseenter",function(){ 
    $(this).fadeTo('slow', 0); 
}).bind("mouseleave",function(){     
    setTimeout(function() { 
    $(this).fadeTo('slow', 1); 
    }, 2000); 
}); 

我想淡出的「的mouseenter」覆蓋，但只有「鼠標離開」後淡出回在2000毫秒。

我還有一個問題：當.overlay div淡出時，我需要能夠點擊下面的內容，即我需要div完全消失或向下移動z-index堆棧。但是，如果我嘗試添加該腳本，腳本認爲鼠標已經離開.overlay div，因此.overlay將淡入。

出於同樣的原因，我無法使用fadeOut（）和fadeIn（）。

Answer 1

當超時觸發this不會是你所期望的。您可以創建這樣一個封閉：

  $('.overlay').bind("mouseenter",function(){ 
        $(this).fadeTo('slow', 0); 
        }).bind("mouseleave",function(){ 
        var $this = $(this);        
        setTimeout(function() { 
          $this.fadeTo('slow', 1); 
          }, 2000); 
      });