将 CSS3 悬停过渡替换为 jquery 单击事件

Question

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

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

我会将其放在一个条件中，因此它仅适用于 480px（移动）以下的屏幕。我的问题是，我将如何在移动屏幕上触发这些 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