我正在设计一个简单的网页，我正在使用http://jquery-jkit.com/进行初始的fadeIn过渡。我还有一些<div>元素，它们具有:hover效果，使它们弹出并在它们下面留下一个小阴影。
在Chrome上，一切似乎都运行良好。只要div位于屏幕的可见部分，就会将类go添加到元素中，以便触发fadeIn动画。之后，每当我将鼠标悬停在该元素上时，它就会弹出它应该的状态。
在其他浏览器上，例如IE（在11上测试）和Safari（在版本9.0.3 11601.4.4上测试），初始fadeIn动画被正确触发，但每当我将鼠标悬停在<div> {{1}之上再次触发并且fadeIn效果丢失。当我检查元素并从:hover手动删除fadeIn go类时，<div>效果正常。
我已经尝试在动画完成后使用JavaScript从:hover删除fadeIn go类，但是在删除类的时候，最后一次触发动画。 （<div>效果在那之后工作正常）。
有人对此有所了解吗？
提前谢谢！
编辑：