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

时间:2013-02-02 12:42:25

标签: jquery html css

  

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

我有一个下拉菜单,使用css .hover伪类可以正常工作。它适用于台式机和平板电脑。在平板电脑上,单击菜单时会触发悬停效果。据推测,平板电脑制造商已经这样做,使它们与这种菜单兼容。

菜单是纯CSS / HTML,无需使用javascript。

但是,我想添加滑动功能,以便您可以在打开的菜单上向左或向右滑动,它将移动到下一个选项,而无需您单击顶部菜单。不幸的是,以编程方式控制菜单与平板电脑的悬停功能发生冲突。 IE,新菜单出现了,但旧菜单并没有消失,因为平板电脑浏览器仍将其视为主动悬停。

所以,我希望能够做的是使用jquery来禁用css:hover定义。完成后我将能够实现jquery平板电脑解决方案,同时保留现有代码。

我知道我可以通过为平板电脑和台式机使用不同的CSS文件来实现这一点,但我想知道是否有一个可以使用jquery完成的更简洁的解决方案。

1 个答案:

答案 0 :(得分:1)

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