jquery

Question

siteme Bu kodu kullanıyorum

yılında mouseLeave için gecikme ekleyin ve ben Sen setTimeout() kullanabilirsiniz

$target.mouseenter(function(e){ 
       var $tooltip=$("#"+this._tipid) 
       ddimgtooltip.showbox($, $tooltip, e) 
      }) 
      $target.mouseleave(function(e){ 
      var $tooltip=$("#"+this._tipid); 
      setTimeout(function() { ddimgtooltip.hidebox($, $tooltip); }, 4000); 
      }) 

      $target.mousemove(function(e){ 
       var $tooltip=$("#"+this._tipid) 
       ddimgtooltip.positiontooltip($, $tooltip, e) 
      }) 
      if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added) 
       $tooltip.mouseenter(function(){ 
        ddimgtooltip.hidebox($, $(this)) 
       }) 

Answer 1

mouseLeave fonksiyonu ve bunun için anonim bir işleve bir gecikme eklemek nasıl merak ediyorum:

$target.mouseleave(function(e){ 
var $tooltip=$("#"+this._tipid); 
setTimeout(function() { ddimgtooltip.hidebox($, $tooltip); }, 250); 
}) 

Bu, saklanmadan önce ayrıldıktan sonra 250 ms geciktirir, yalnızca bu değeri gerektiği gibi ayarlayabilirsiniz.

Answer 2

Yalnızca bir zamanlayıcı ile ilgili sorun, siz fareyi sola döndürdüyseniz ve daha sonra yeniden girdiğinizde, bu zamanlayıcı tamamlandıktan sonra gizlenmeye devam eder. Aşağıdaki gibi bir şey daha iyi çalışabilir çünkü fare hedefe her girdiğinde zamanlayıcıyı iptal edebiliriz.

var myTimer=false; 
$target.hover(function(){ 
    //mouse enter 
    clearTimeout(myTimer); 
}, 
function(){ 
    //mouse leave 
    var $tooltip=$("#"+this._tipid); 
    myTimer = setTimeout(function(){ 
     ddimgtooltip.hidebox($, $tooltip); 
    },500) 
}); 

Answer 3

(function($){ 
    $.fn.lazybind = function(event, fn, timeout, abort){ 
     var timer = null; 
     $(this).bind(event, function(){ 
      timer = setTimeout(fn, timeout); 
     }); 
     if(abort == undefined){ 
      return; 
     } 
     $(this).bind(abort, function(){ 
      if(timer != null){ 
       clearTimeout(timer); 
      } 
     }); 
    }; 
})(jQuery); 


$('#tooltip').lazybind(
    'mouseout', 
    function(){ 
     $('#tooltip').hide(); 
    }, 
    540, 
    'mouseover'); 

http://www.ideawu.com/blog/2011/05/jquery-delay-bind-event-handler-lazy-bind.html

Answer 4

Biliyorsun sadece yazdım bu işlevi kullanabilirsiniz:

$.fn.hoverDelay = function(handlerIn, handlerOut, delay) { 
    if(delay === undefined) delay = 400; 
    var timer; 
    this.hover(function(eventObject) { 
     clearTimeout(timer); 
     handlerIn.apply(this,eventObject); 
    }, function(eventObject) { 
     timer = setTimeout(handlerOut.bind(this, eventObject), delay); 
    }); 
}; 

fare izni olaydır önce 400ms gecikme olduğunu tek farkı sadece normal $.hover gibi çalışır çağrıldı (farenizi bu zaman dilimi içinde geri taşırsanız iptal edilir).