2014-09-20 123 views
1

我正在使用superfish下拉菜单。一切都很好,但是,我想添加一些延迟,即鼠标悬停0.75秒。我没有发现任何与拖延时间有关的事情。我可以将延迟添加到mouseout并将速度值增加到750毫秒,但它只会消失750秒,但菜单在徘徊时会立即显示。Superfish菜单延迟鼠标悬停

我不喜欢这个

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    $("#menu").superfish({ 
      delay:  0, 
      speed:  750 
     }); 
    }); 
</script> 

BTW,默认为快鱼看起来像这样superfish.js:

$.fn.superfish.defaults = { 
     popUpSelector: 'ul,.sf-mega', // within menu context 
     hoverClass: 'sfHover', 
     pathClass: 'overrideThisToUse', 
     pathLevels: 1, 
     delay: 800, 
     animation: {opacity: 'show'}, 
     animationOut: {opacity: 'hide'}, 
     speed: 'normal', 
     speedOut: 'fast', 
     cssArrows: true, 
     disableHI: false, 
     onInit: $.noop, 
     onBeforeShow: $.noop, 
     onShow: $.noop, 
     onBeforeHide: $.noop, 
     onHide: $.noop, 
     onIdle: $.noop, 
     onDestroy: $.noop 
    }; 

任何人可以帮助我在正确的方向?

回答

0

我能够通过为superfish添加hoverIntent插件并设置延迟鼠标的间隔值来解决此问题。只是为了让其他人也有同样的问题。

0

你可以尝试为onBeforeShow创建一个函数并让它休眠(750);

+0

感谢您的回放。我没试过这样的,你建议: $(文件)。就绪(函数(){ $( '#菜单')快鱼({ \t延迟:0, \t onBeforeShow:函数(){睡眠: 750;} }); }); 这没有奏效。我在这里做错了什么? – 2014-09-21 15:28:37