2012-08-07 57 views
1

我無法獲取HoverIntent的延遲參數& Superfish的WordPress網站。該網站在這裏找到:http://bit.ly/MJ8KT6正在消失在奇妙的,但根本就沒有使用此代碼鼠標移開時提供延時:HoverIntent&Superfish延遲不起作用

<script type="text/javascript"> 

// initialise plugins 
jQuery(function(){ 
    jQuery('ul#menu-primary-navigation').superfish({ 
    delay:600 
    }); 
}); 

</script> 

我試過設置disableHI:假確保HoverIntent沒有任何機會禁用。作爲一個WordPress站點我也檢查了腳本被正確加載使用wp_enqueue_script,但再次無濟於事。該代碼在HTML文件中正常工作,因此它必須與WordPress相關。我想知道這是否是我忽略的東西。任何反饋非常感謝。

回答

2

這與WordPress無關,一切與您的CSS定義有關。 (所以它將作爲上面的題外話題被關閉)。但是,因爲你仍然需要一個答案......

在你的默認樣式表,您可以定義包含您的子菜單的列表元素:

.menu ul li ul.sub-menu { 
    position: absolute; 
    left: -9999em; 
    z-index: 9999; 
    width: 200px; 
} 

這推動了菜單完全關閉屏幕,這是罰款。但是你再重寫left: -9999em;聲明與懸停僞狀態:

.menu ul li:hover ul { 
    left: auto; 
} 

即使沒有安裝快魚,CSS的這個組合將會使子菜單出現在屏幕上消失,當你將鼠標懸停在主菜單項。不幸的是,這也意味着當您停止懸停時,菜單會立即消失。它仍然被Superfish隱藏......它不再只是在屏幕上。

如果您只是從CSS中刪除left: -9999em;聲明,則當您將鼠標從屏幕上移開時,菜單將保持可見狀態,直到計時器達到設定的延遲時間...然後消失。

+0

嗨@EAMann,非常感謝你。我讀過另一篇文章,其中提到這可能是一個CSS問題,我確實看過那個樣式,但由於某種原因,它沒有分枝。再次感謝 ;) –