当您将鼠标悬停在“内容概述”按钮(右上方的粉红色按钮)时,我创建了一个全宽度菜单容器。
在容器中我有一个带下拉列表的WordPress类别小部件。
问题是,当您单击并打开下拉列表,并将鼠标悬停在列表项上时,菜单容器会立即关闭。
我不知道是什么导致这种情况,除了当您悬停类别列表项时,它会中断代码并关闭容器。
我做了一个小提琴来展示代码& HTML工作http://jsfiddle.net/62erLe6y/
var upTimer = false ,
downTimer = false ,
isHover = false ;
$(".carbsanity-custom-menu-trigger,
.carbsanity-custom-menu-container").hover(function(){
isHover = true;
clearTimeout(upTimer);
downTimer = setTimeout(function(){
if(isHover)
$(".carbsanity-custom-menu-container").slideDown(500);
},500);
},function(){
isHover = false;
clearTimeout(downTimer);
upTimer = setTimeout(function(){
$(".carbsanity-custom-menu-container").slideUp(500);
},100);
});
有人可以告诉我如何更改我的代码,以便它不会关闭我的菜单容器吗?
谢谢: - )