Question

您好 stackoverflow社区！

我在下面有完整的代码，但我想要附魔。当前代码的工作方式如下：当我悬停.buy时显示我的.popover，在我离开.popover之后，.popover将被关闭，我想从我的代码中做的是什么时候.popover将会悬停并显示为禁用函数中的代码或类似的东西只是不再显示.popover，我知道很难理解我（也许），但我希望你能找到解决方案。

 $(".buy").bind('mouseenter', function () {
      $('.popover').removeClass('fadeOut').addClass('animated fadeInDown show').css("display", "block");
    });
    $(".popover").bind('mouseleave', function () {
      $('.popover').removeClass('fadeInDown').addClass('animated fadeOut');
    });

图像/ GIF https://imgflip.com/gif/8l5ry

感谢您的回答和评论

Answer 1

您可以声明一个变量，指示之前是否已悬停.popover。

var showPopover = true;

$(".buy").bind('mouseenter', function () {
    if (showPopover) {
        $('.popover').removeClass('fadeOut').addClass('animated fadeInDown show').css("display", "block");
        showPopover = false;
    };

});
$(".popover").bind('mouseleave', function () {
  $('.popover').removeClass('fadeInDown').addClass('animated fadeOut');
});

如果没有徘徊，那么关闭或不再这样做

1 个答案: