hoverIntent +关闭按钮(超时问题？)

Question

我用的是hoverIntent和购物袋(#袋容器)，一切都很好。

function bagOver(){
    $(this).find("#bagContainer").stop().fadeTo('fast', 1).show(); 
}
function bagOut(){
  $(this).find("#bagContainer").stop().fadeTo('fast', 0, function() {
      $(this).hide();
  });
}
var bagHoverConfig = {
     over: bagOver,
     bagTimeout: 3000, 
     out: bagOut 
};
$("#userBox .row:nth-child(2)").hoverIntent(bagHoverConfig);

但我需要在包中添加一个“额外”的关闭按钮(#bagCollapser)，类似于：

$("#bagCollapser").click(function () {
    $('#bagContainer').hide();
});

它关闭#袋容器，但似乎与hoverIntent有冲突：

1. 按钮隐藏包，但是，在bagTimeout之后，hoverIntent再次隐藏它，如果通过按钮关闭了袋子，则在悬停的超时/延迟过去之前不能再次显示.

有什么想法吗？

提前谢谢！

Answer 1

我也有同样的问题，我使用hoverIntent来显示一个超级游戏。在这个超级游戏中，我创建了一个关闭按钮：

$("#closebutton").click(function () {
  $('#megasubmenu').hide();
  $('#megasubmenu').closest('li.level0').find('a.level0').removeClass("megahover");
});

关闭按钮关闭子菜单，但hoverIntent函数仍在运行，因为一旦鼠标移动，子菜单就会重新出现.