jquery - Flipcard 将鼠标悬停在 onclick Action 中

Question

我创建了一些翻页卡片，当悬停在上面时会激活。所有的CSS。

我现在正在尝试将类似的东西移植到移动版本上，但我很困惑如何处理这个问题。

我正在寻找的是一种将我的悬停转移到 onclick 样式事件中的方法。

我已经在此处上传了我的卡片。

www.anorris.co.uk/flip

我希望有人能指出我正确的方向？

如果在这里设置代码对我来说更好，请告诉我，我会这样做。

谢谢，

阿利斯泰尔。

Answer 1

您可以使用 :active 选择器结合 :hover 来实现这一点(只要 :active 选择器在 :hover 选择器)

所以尝试:

.stuff1:hover, .stuff1:active {
    -webkit-transition-delay: 0.25s;
    transform: rotateY(180deg);
}

但是如果你想使用 JQuery，你要做的是将 :hover 的 CSS 更改为一个类 say: .active 然后添加JQuery 在点击时切换此类:

$('.x').on('click', function(){
    $(this).toggleClass('active');
});

如果您将代码放入 jsfiddle，我很乐意进一步提供帮助，但这应该让您朝着正确的方向开始。

Fiddle Demo