如何在jquery中停止动画循环

Question

我对这个页面的动画有问题，"intervista 5“

实际上，当玩家在玩的时候，应该隐藏下一个箭头和prev箭头。当用户与鼠标在div.interview_media上悬停时，函数i created1显示当前幻灯片的活动箭头。

Now，问题：如果我将div.interview_media从div的右侧或左侧集中悬停(即下一个箭头或prev箭头应该在的位置)，动画进入循环，因为当箭头被隐藏时，指针触发动画，而当箭头出现时，指针不在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。