Question

我有一堆信息显示在每个产品下但是如果我把鼠标悬停在它们上面很快，每个人都在上下滑动它看起来不太好，这是一个很大的混乱。

我想做的是jQuery等到slideDown动画完成之前触发slideUp之一。

我的jQuery代码是：

    $('.title').on('mouseenter', event => {
    $(event.currentTarget).siblings().slideDown();
});
$('.box').on('mouseleave', event => {
    $(event.currentTarget).children('.info').slideUp();
});

提前谢谢你，

Answer 1

谢谢@clav

使用hoverIntent插件并执行：

$('.box').hoverIntent(mouseInTriger, mouseOutTriger);

function mouseInTriger() {
    $(this).children('.info').slideDown();
}
function mouseOutTriger() {
    $(this).children('.info').slideUp();
}

现在一切正常。

Make SlideDown等待SlideUp在触发之前完成

1 个答案: