如何防止jquery在IE鼠标悬停中重新加载动画？

Question

我有一个动画，可以在包含div的鼠标上播放。在IE9 +中，如果用户将鼠标悬停在该容器内的元素上，则会重放该动画。

我的基本设置是：

<div class="book">
    <img src="bookcover.jpg" />
    <div class="overloay">
        <p class="title">Book title</p>
        <a href="#">read book</a>
    </div>
</div>

当用户将鼠标悬停在＆＃34; book＆＃34;叠加层及其元素将动画显示在视图中。在IE9 +中，元素重置并再次动画。我曾尝试在mouseenter和mouseleave事件上设置stopPropogation，但这没有任何影响。

我无法真正创建一个jsfiddle，因为构建它的人使用了一个独特的动画库。

Answer 1

结果显示开发人员正在使用mouseover和mouseleave。我没有注意到，直到我让他审查他的代码。当然，每次鼠标移动时都会引发触发。将mouseover更改为mouseenter解决了这个问题。