用jquery点击事件替换CSS3悬停转换

Question

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

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

我把这个在有条件所以它仅适用于屏幕下方480像素（移动）。我的问题是，我将如何触发这些CSS3悬停转换作为手机屏幕上的jQuery点击事件？有任何想法吗？

Answer 1

真诚的我还没有尝试过jQuery Mobile的完美，但是库提供伪事件像vmouseover鼠标事件，你可以使用这个事件，把CSS :hover性质在另一个类和通过焙烧事件添加到该元素的类：

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

Answer 2

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

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