Our former web developer used Superfish Plugin and jquery.hoeverIntent.js for the hover effect of our website menu. He also set up the default configuraitons for the Superfish below. However, the menu immediately responds to the mourse hover event even when the mouse is in the menu area very briefly. I want the hover effect only when the mouse stays on the menu area for a while...
Where should I look at the cause of the problem? Could anybody point to me a direction? Thank you!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// initialise examples
$('.sf-menu').superfish({
autoArrows : true // emulate default behaviour for this example
});
$.fn.superfish.defaults = {
hoverClass: 'sfHover', // the class applied to hovered list items
pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page
pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass
delay: 2000, // delay in milliseconds that the mouse can remain outside a submenu w/o it closing,
// was 100
animation: {opacity:'show'}, // an object equivalent to first parameter of jQuery’s .animate() method
speed: '2500', // animation speed. Equivalent to second parameter of jQuery’s .animate() method
autoArrows: true, // arrow mark-up generated automatically
dropShadows: true, // completely disable drop shadows by setting this to false
disableHI: false, // set to true to disable hoverIntent detection
onInit: function(){}, // callback function fires once Superfish is initialised –
onBeforeShow: function(){}, // callback function fires just before reveal animation begins
onShow: function(){}, // callback function fires once reveal animation completed – 'this' is the opened ul
onHide: function(){} // callback function fires after a sub-menu has closed
};
~~~~~~~~~~~~~~~~~~~~~~