Verzögerung mit hoverintent

Question

var config = {  
    sensitivity: 3,  
    interval: 5000,  
    timeout: 5000,  
}; 

$("#cart-summary").hoverIntent(function() { 
     $('.flycart').slideDown('fast'); 
}, function() { 
     $('.flycart').slideUp('fast'); 
}).find('a.close').click(function(){ 
    $(this).parents('.flycart').hide(); 
}); 

... das funktioniert, aber zwei Probleme:

1. Es nicht mehr als 5 Sekunden zu warten scheint wie es sollte, öffnet fast sofort, egal was ich fest.

2. Wirkt sich auf alle Elemente aus, die das Hoverintent-Plugin auf derselben Seite verwenden.

Ich würde wirklich jede Hilfe zu schätzen wissen. Vielen Dank!

Answer 1

Sie vorbei nicht die Config-Objekt hoverIntent, also wird es standardmäßig mit: http://cherne.net/brian/resources/jquery.hoverIntent.html

Um zu klären,

var config = { 
    sensitivity: 3, 
    interval: 5000, 
    timeout: 5000 
}; 

$("#cart-summary").hoverIntent(function() { 
    $('.flycart').slideDown('fast'); 
}, function() { 
    $('.flycart').slideUp('fast'); 
}).find('a.close').click(function() { 
    $(this).parents('.flycart').hide(); 
}, config); 

Answer 2

Dies könnte mehr sein klarer

function liMouseOverTrigger() { 
    $(this).addClass('hover'); 
} 

function liMouseOutTrigger() { 
    $(this).removeClass('hover'); 
} 

function tabHoverDelay() { 

     var config = { 
      sensitivity: 1, 
      interval: 100, 
      timeout: 400, 
      over: liMouseOverTrigger, 
      out: liMouseOutTrigger 
     }, 
      config2 = { 
       sensitivity: 1, 
       interval: 350, 
       timeout: 600, 
       over: liMouseOverTrigger, 
       out: liMouseOutTrigger 
      }; 


     $('.js-navTabHover li').each(function() { 
      $(this).hoverIntent(config); 
     }); 

     $('.js-navTabHoverContent li').each(function() { 
      $(this).hoverIntent(config2); 
     }); 

    } 

$(document).ready(function() { 
    tabHoverDelay(); 
});