如何防止 jquery 在 IE 鼠标悬停时重新加载动画？
How do I prevent jquery from reloading an animation in IE mouse hover?
我有一个动画，当鼠标悬停在包含 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>
当用户将鼠标悬停在 "book" 叠加层上时，它的元素会以动画形式显示在视图中。在 IE9+ 中，元素会重新设置并重新设置动画。我已经尝试在 mouseenter 和 mouseleave 事件上设置 stopPropogation，但这没有任何影响。
我真的无法创建 jsfiddle，因为构建它的人使用了独特的动画库。
原来开发者使用的是 mouseover 和 mouseleave。我没有注意到这一点，直到我让他和我一起检查他的代码。当然，每次鼠标移动时都会触发。将 mouseover 更改为 mouseenter 解决了问题。
我有一个动画，当鼠标悬停在包含 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>
当用户将鼠标悬停在 "book" 叠加层上时，它的元素会以动画形式显示在视图中。在 IE9+ 中，元素会重新设置并重新设置动画。我已经尝试在 mouseenter 和 mouseleave 事件上设置 stopPropogation，但这没有任何影响。
我真的无法创建 jsfiddle，因为构建它的人使用了独特的动画库。
原来开发者使用的是 mouseover 和 mouseleave。我没有注意到这一点，直到我让他和我一起检查他的代码。当然，每次鼠标移动时都会触发。将 mouseover 更改为 mouseenter 解决了问题。