Javascript Safari 10.0上的悬停效果问题

只有在Safari 10.0上才会出现悬停效果问题

网站是这样的：

所发生的情况是，该效应正在正常发挥作用，或者根本不起作用： 要让它工作，你可以使用Chrome或Firefox

最奇怪的是，在Safari 10.0上，如果我尝试使用inspector，悬停效果会起作用。。。

---

在Safari 10.1和其他常见浏览器如Chrome、Firefox上。。。工作正常。

看看这个网站，它似乎在使用jQuery 1.12.4和jQuery Migrate 1.4.1-如果您需要支持IE6，这就足够了，但对于Safari 10（在这些遗留库之后发布）来说，这并不够

除此之外，你似乎正在使用同位素3.0.1，这也是大约一年过去了

因此，首先我建议：

• 升级到jQuery的当前版本并删除Migrate-IE6已经失效，而IE8则处于边缘状态
• 升级至当前版本

在这里提出之前，请特别检查他们是否存在类似问题

如果问题在此之后仍然存在，那么您可能会遇到特定于您的实现的问题。将问题中的代码片段分离出来-我们可以更轻松地帮助您解决一个特定问题，而无需对整个网站进行反向工程。

删除此代码，您的效果就会很好

---

看这段视频

请分享代码。感谢@Santhoshkumar的评论。这是一个wordpress模板。我把链接放到网上，这样你就可以查看了。谢谢。当然，谢谢@anfuca…谢谢@Keith。明天我会查看你的推荐，我希望我能提前告诉你。非常有趣@grinmax！我看了一下，似乎Safari支持

10.1

中的

transform-2d

。在您的解决方案中，效果将与大多数浏览器中的效果不完全相同。当然是一个重要的进步！我仍在等待尝试@Keith给我的建议，看看对javascript的一些更改是否可以解决这个问题。。。让我看看@Anfuca我看到safari从3.2版开始支持2d）