如何在Mootools下拉菜單腳本中添加.delay

我有用於下拉導航的Rockettheme RokNavMenu模塊的Joomla 2.5站點。這是一個很好的基於Mootools的免費模塊，有很多選項，但是它沒有延遲顯示下拉子項的選項。問題在於，下拉導航不在頁面頂部，許多用戶在將鼠標光標懸停在此元素上時會意外觸發下拉菜單。如何在Mootools下拉菜單腳本中添加.delay

所以我試圖在下拉菜單的JS代碼中的各個地方添加.delay（），但腳本非常複雜，我沒有成功。

你可以在這裏看到fusion.source.js（直接鏈接到js文件）：http://bit.ly/12UHbAX

菜單選項被觸發，此代碼：

window.addEvent('domready', function() { 
    new Fusion('ul.menutop', { 
     pill: 0, 
     effect: 'slide and fade', 
     opacity: 1, 
     hideDelay: 250, 
     centered: 0, 
     tweakInitial: {'x': -8, 'y': -10}, 
     tweakSubsequent: {'x': -8, 'y': -11}, 
     tweakSizes: {'width': 18, 'height': 20}, 
     menuFx: {duration: 300, transition: Fx.Transitions.Circ.easeOut}, 
     pillFx: {duration: 400, transition: Fx.Transitions.Back.easeOut} 
    }); 
});

我真的很感激幫助這一點，我在stackoverflow.com上閱讀過很多主題，但我發現的所有解決方案都需要大量重寫JS代碼。

問候

來源

2013-07-21 weezle

問題頁面是您在鏈接中發送的頂級域名中的頁面嗎？ – Sergio

是的，這是正確的 – weezle

做你想要什麼，我建議在腳本中的一些變化（融合.js文件）和CSS修復也。讓我知道你是否可以找到並解決這個問題。

- 你正在尋找的是：

this.myEffect.start().chain(function (e) { 
    this.start.delay(100, this) 
}).start({ 
    "margin-top": 0, 
    opacity: this.options.opacity 
}).chain(function() { 
    this.showSubMenuComplete(); 
}.bind(this));

這正好在else聲明發布腳本的684行。

2nd - 腳本沒有準備好這個延遲，所以有一個邊框陰影.fusion-submenu-wrapper CSS必須修復。

第3 - 例如，將hideDelay替換爲較短的值爲500。發佈腳本的第21行。

4th（最後但並非最不重要！） - 將選項鍊接更改爲鏈。發佈腳本的第226行。

來源

2013-07-25 12:38:14 Sergio

首先，我改變了第一，第三和第四個建議的腳本，現在看起來沒問題。沒有嘗試更改.fusion-submenu-wrapper CSS。謝謝。 – weezle

@esedic，它很好用！別客氣。 – Sergio

如何在Mootools下拉菜單腳本中添加.delay

回答

相關問題