Question

我正在使用带购物袋的hoverIntent（#bagContainer），一切正常。

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();
});

关闭#bagContainer，但似乎与hoverIntent：

存在冲突

按钮隐藏了包，但是在bagTimeout之后，hoverIntent再次隐藏它
如果行李已经通过按钮关闭，则在hoverIntent的超时/延迟已经过去之前无法再显示...

有什么想法吗？

提前多多感谢！

Answer 1

我有同样的问题，我正在使用hoverIntent来显示megamenu。在这个megamenu里面，我创建了一个关闭按钮：

$scope.fixInput = function (input){
    input = input.replace(/\s+/g, ' ').trim();
    return input;
};

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

hoverIntent +关闭按钮（超时问题？）

1 个答案: