如何在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

回答

相关问题