将CSS3悬停过渡替换为jquery单击事件
将CSS3悬停过渡替换为jquery单击事件
提问于 2012-05-02 07:37:54
我有一系列使用css3实现悬停效果的图像。当用户将鼠标悬停在图像上时，标题会滑过。这是一个非常好的效果。在移动端，用户看不到这种悬停效果，因为移动端没有悬停。理想情况下，我希望移动用户在“点击”(与点击相同)图像时看到标题。将css悬停选择器转换为单击事件的最佳方法是什么？我认为最好的方法是使用jquery。但是，如果我这样做，我不确定这将如何在CSS3中工作：
$("img").click(function(){
perform css3 hover transitions now
});我会把这个放在一个条件中，这样它只适用于480px以下的屏幕(手机)。我的问题是，如何在移动屏幕上以jquery单击事件的形式触发这些CSS3悬停转换？有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-05-02 08:03:11
诚然，我还没有尝试过CSS，但是这个库为vmouseover这样的鼠标事件提供了伪事件，你可以使用这个事件，把jQuery :hover属性放在另一个类中，通过触发事件将这个类添加到元素中：
$('img').live('vmouseover', function() {
$(this).addClass("hover");
}); Stack Overflow用户
发布于 2012-05-02 07:45:14
根据这个，你想要的是不可能的。建议的修复方法是在另一个非伪css类中复制css。
http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10405817
复制相关文章
相似问题
腾讯云开发者
