如何在jquery中停止动画循环

Question

我在此页"intervista 5"

上遇到动画问题

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

现在，问题：如果我将div div.interview_media从div的右侧或左侧集中（即下一个或上一个箭头应该在哪里）动画进入一个循环，因为当隐藏箭头时，指针触发动画，而出现箭头时，指针不再位于div.interview_media上，而是指向其中一个箭头（.browse），因此箭头隐藏进入，然后，显示/隐藏循环... doh！

有关如何解决问题的想法吗？

谢谢大家的帮助，
朱塞佩

[1] show hide功能：

$(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。