用jquery click事件替换CSS3悬停转换

Question

我有一系列使用css3实现悬停效果的图像。当使用悬停在图像上时，标题会滑过。这是一个非常好的效果。在移动设备上，用户无法看到此悬停效果，因为移动设备上没有悬停。理想情况下，我希望移动用户在图像上“点击”（与点击相同）时看到标题。将css悬停选择器转换为单击事件的最佳方法是什么？我认为最好的方法是使用jquery。但是如果我像下面这样做了，我不确定这对CSS3有什么作用：

$("img").click(function(){
     perform css3 hover transitions now
});

我会将其置于条件中，因此它仅适用于480px（移动）以下的屏幕。我的问题是，如何在移动屏幕上将这些CSS3悬停转换作为jquery点击事件触发？有什么想法吗？

Answer 1

根据这个你想要的是不可能的。建议的修复方法是在另一个非伪css类中复制css。

http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover

Answer 2

真诚地我还没有尝试过jQuery Mobile，但是这个库为vmouseover之类的鼠标事件提供了伪事件，你可以使用这个事件，将CSS :hover属性放在另一个类中，然后通过触发事件将类添加到元素：

$('img').live('vmouseover', function() {
      $(this).addClass("hover");
});