retardo con 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(); 
}); 

... esto funciona, pero hay dos cuestiones:

1. no parece que esperar 5 segundos como debería, se abre casi al instante no importa lo que se propuso.

2. Afecta a todos los elementos usando el plugin hoverintent en la misma página.

Realmente agradecería cualquier ayuda. ¡Gracias!

Answer 1

Usted no está pasando el objeto de configuración para hoverIntent, por lo que es el uso de valores por defecto: http://cherne.net/brian/resources/jquery.hoverIntent.html

Para aclarar,

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

Esto podría ser más clara

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(); 
});