JS中如何使用setTimeout(function()延迟下拉菜单？

Question

如何使用 setTimeout(function () 来延迟下拉或 _mouseOverHandler 与 _mouseOutHandler 在这里延迟的方式相同。如果您看到以下菜单，关闭时会有 0.250 秒的延迟。我想要相同的延迟打开或下拉菜单。

测试页面： http://terrillthompson.com/tests/menus/accessible-mega-menu/test.html

JS 代码： http://terrillthompson.com/tests/menus/accessible-mega-menu/js/jquery-accessibleMegaMenu.js

提前致谢， 瑞克

Answer 1

@Ricardo79 2 件事情你需要它以你想要的方式工作：

1.更新 _mouseOverHandler 为：

_mouseOverHandler = function (event) { var that= this; clearTimeout(this.mouseTimeoutID); $(event.target) .addClass(this.settings.hoverClass); that.mouseTimeoutID = setTimeout(function(){ _togglePanel.call(that, event); },250); if ($(event.target).is(':tabbable')) { $('html').on('keydown.accessible-megamenu', _keyDownHandler.bind(event.target)); } };.

2. 在 var that = this 之后向 _mouseOutHandler 添加一个 clearTimeOut clearTimeout(this.mouseTimeoutID);

这是一个工作示例http://jsfiddle.net/LfD9v/1/