Drop down menu 如何在Mootools下拉菜单脚本中添加.delay

我有Joomla 2.5站点，带有Rockettheme RokNavMenu模块，用于下拉导航。这是一个基于Mootools的免费模块，有很多选项，但是它缺少一个延迟下拉子项显示的选项。问题是下拉导航不在页面顶部，许多用户将鼠标光标悬停在该元素上时会意外触发下拉

因此，我尝试在下拉菜单JS code的不同位置添加.delay（），但脚本非常复杂，我没有成功

您可以在此处看到fusion.source.js（直接链接到js文件）：

菜单选项由以下代码触发：

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代码

---

考虑到

要想做您想做的事情，我建议对脚本（fusion.js文件）进行一些更改，并对CSS进行修复。如果你能找到并修复这些东西，请告诉我

1st-您需要的是：

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子菜单wrapper

CSS中的边框阴影

3rd-将隐藏显示替换为较短的值，例如500。发布脚本的第21行

---

4th（最后但并非最不重要！）-将选项链接更改为链。发布的脚本的第226行。

要执行您想要的操作，我建议对脚本（fusion.js文件）进行一些更改，并对CSS进行修复。如果你能找到并修复这些东西，请告诉我

1st-您需要的是：

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子菜单wrapper

CSS中的边框阴影

3rd-将隐藏显示替换为较短的值，例如500。发布脚本的第21行

---

4th（最后但并非最不重要！）-将选项链接更改为链。发布脚本的第226行。

有问题的页面是您在链接中发送的顶级域中的页面吗？有问题的页面是您在链接中发送的顶级域中的页面吗？首先，我用第1、第3和第4条建议更改了脚本，现在看起来还可以。未尝试更改。fusion子菜单包装CSS。谢谢。作为一个开始，我用第一、第三和第四条建议修改了剧本，现在看来还可以。未尝试更改。fusion子菜单包装CSS。谢谢