当您将鼠标悬停在下拉列表项上时,我的代码会被中断

时间:2015-03-17 09:58:34

标签: javascript jquery html wordpress

当您将鼠标悬停在“内容概述”按钮(右上方的粉红色按钮)时,我创建了一个全宽度菜单容器。

在容器中我有一个带下拉列表的WordPress类别小部件。

问题是,当您单击并打开下拉列表,并将鼠标悬停在列表项上时,菜单容器会立即关闭。

http://www.webmotus.com/

我不知道是什么导致这种情况,除了当您悬停类别列表项时,它会中断代码并关闭容器。

我做了一个小提琴来展示代码& 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);

});

有人可以告诉我如何更改我的代码,以便它不会关闭我的菜单容器吗?

谢谢: - )

0 个答案:

没有答案