如何用jQuery删除CSS :悬停效果？

Question

可能重复： Can I disable a CSS :hover effect via JavaScript?

我有一个下拉菜单，它可以很好地使用css .hover伪类。它在台式机和平板电脑上都能正常工作。在平板电脑上，当单击菜单时会触发悬停效果。想必平板电脑制造商这样做是为了使它们与这类菜单兼容。

该菜单是纯CSS/HTML，不需要javascript即可工作。

然而，我想增加滑动功能，这样你就可以在打开的菜单上左或右滑动，它将移动到下一个选项，而不必单击顶部菜单。不幸的是，程序控制菜单与平板电脑的悬停功能发生了冲突。IE，新菜单正在出现，但旧菜单并没有消失，因为平板浏览器仍然将其视为一个活动悬停。

因此，我想要做的是使用jquery禁用css :悬浮定义。一旦我这样做了，我将能够实现jquery解决方案，同时保留现有的代码。

我知道我可以通过在平板电脑和桌面上使用不同的CSS文件来做到这一点，但我想知道是否有更整洁的解决方案可以使用jquery完成。

Answer 1

您可以使用元素使用jQuery removeClass和jQuery addClass的CSS类“播放”。

• http://api.jquery.com/removeClass/
• http://api.jquery.com/addClass/