1

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

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

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

4

2 回答 2

0

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

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

于 2012-05-01T23:45:13.950 回答
0

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

$('img').live('vmouseover', function() {
      $(this).addClass("hover");
});
于 2012-05-02T00:03:11.240 回答