如何在jquery中停止动画循环

Question

这个页面的动画有问题"intervista 5"

实际上，当玩家在玩游戏时，应该隐藏下一个和上一个箭头。 当用户将鼠标悬停在div.interview_media 上时，我创建的函数[1] 会显示当前幻灯片的活动箭头。

现在，问题：如果我将 div.interview_media 从 div 的右侧或左侧悬停在中心（即下一个或上一个箭头应该在的位置）动画进入循环因为当箭头被隐藏时，指针触发动画，而出现箭头时，指针不再在div.interview_media 上，而是在一个箭头（.browse）上，所以箭头被隐藏进入，然后，显示/隐藏循环……哎呀！

你知道如何解决这个问题吗？

谢谢大家的帮助，
朱塞佩

[1]显示隐藏功能：

$(function(){
    $('.interview_media').hover(
        function(){
            console.log('showing arrows');
            $('.hidden').stop(true, true).show(200);
        },
        function(){
            console.log('hiding arrows');
            $('.hidden').stop(true, true).hide(200);
        }
    );
});

Answer 1

尝试将左右按钮放在 .interview_media div 中。这样，jQuery 就知道您不会在每次将鼠标悬停在左右按钮上时都离开 .interview_media div。