在jQuery hoverIntent上设置间隔

时间:2015-03-24 21:06:51

标签: javascript jquery html jquery-hover hoverintent

我正在使用jQuery hoverIntent插件,我喜欢它。但是,我在设置自定义间隔时遇到问题。我的jQuery是:

   var hoverSetting = {
                            sensitivity: 4,
                            interval: 75,
                        };

                        navItem.hoverIntent(function(hoverSetting) {
                            if (searchIsVisible == false) {
                                overlay.delay( 500 ).css('display', 'block');
                                $(this).find('ul').toggleClass("active");
                                overlayIsVisible = true;
                            }
                        });

如何使hoverIntent工作的时间间隔自定义(我想慢下来)

1 个答案:

答案 0 :(得分:1)

请改用此语法:

var handleInOut = function(){
           if (searchIsVisible == false) {
                overlay.delay( 500 ).css('display', 'block');
                $(this).find('ul').toggleClass("active");
                overlayIsVisible = true;
            }       
       };

navItem.hoverIntent({
   over: handleInOut,
    out: handleInOut,
    sensitivity: 4,
    interval: 750
});