我对 Javascript 很陌生,我正在尝试在某些下拉菜单上设置延迟。我已经加载了 jQuery,目前正在使用延迟方法。但是,我环顾四周,似乎无法延迟取消计时器,这意味着我最终得到了一堆未折叠的下拉菜单。
如何设置它以便我可以设置延迟并在鼠标悬停时取消它?
这是我的代码(注意 $$ 用于 jQuery noconflict):
$$(function(){
$$('#custommenu>div.menu').mouseover(function(){
$$('#custommenu>div.menu').removeClass('active');
$$('#popup'+$$(this).attr('id').replace('menu','')).delay(500).slideDown(100);
});
$$('#custommenu>div.menu').mouseout(function(){
$$('#custommenu .wp-custom-menu-popup').hide();
});
$$('#custommenu .wp-custom-menu-popup').mouseout(function(){
$$('#custommenu>div.menu').removeClass('active');
$$('#custommenu .wp-custom-menu-popup').hide();
});
$$('#custommenu .wp-custom-menu-popup').mouseover(function(){
$$('#menu'+$$(this).attr('id').replace('popup','')).addClass('active');
$$(this).show();
});
});