单击时删除悬停状态（不在手机上工作）

Question

我有一个按钮，可以在点击（无重新加载）

上执行ajax操作

在我的桌面上，当我点击按钮时，按钮返回默认样式状态（不悬停时）

但是在手机上..即使我点击其他地方，它也会保持悬停式

我已尝试过（＆＃34;悬停＆＃34;）并解开绑定（＆＃34;鼠标悬停鼠标离开鼠标鼠标悬停＆＃34;）

还尝试在css中设置：active状态，并为＆＃34; not-hovered＆＃34;创建一个类名。状态，并在点击jquery

时更改为

无效（在任何手机上）

我怎样才能做到这一点？

Answer 1

尝试做这样的事情：

$('#element').on(click, function{
    this.toggleClass('selected unselected')
});

选择和未选择的是您必须添加到CSS的样式，如果不覆盖现有样式add！important在您要更改以供浏览器强制使用的样式类中的元素的末尾。

如果有效，请告诉我。

Answer 2

以下是我的解决方案，在所有情况下，移动版本都不需要CSS悬停状态。

首先，通过JS / jQuery检测浏览器是桌面还是移动（或触摸）。然后，在'body'标签中添加一个'desktop-version'CSS类，并将所有'：hover'伪压缩CSS规则仅设置为具有绑定到它们的JS功能的'desktop-version'锚点/选择器。

这样做，他们实际上不会有“悬停”状态被困住。