2014-09-20 196 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