[英]convert hover to click event for jquery
我试图将悬停事件转换为脚本的降级jquery翻转片段。 我已经为css3d转换完成了此操作,但不确定如何转换降级部分的悬停事件。 这是我到目前为止的内容:
if($("html").hasClass("csstransforms3d")){
$('.card').click(function () {
if ($(this).hasClass('flip')) {
$(this).removeClass('flip');
}
else {
$(this).addClass('flip');
}
});
/*
$('.card').hover(function(){
$(this).addClass('flip');
},function(){
$(this).removeClass('flip');
});
*/
}
else{
// How do I add a click event here instead of hover?
$('.card').hover(function(){
$(this).find(".front").animate({top: -190}, 'fast');
},function(){
$(this).find(".front").animate({top: 0}, 'fast');
});
}
如何将降级部分的点击事件转换为悬停事件?
如果要使用click,则需要存储状态值-可以使用.data()来完成
尝试类似
$('.card').click(function(){
var $this = $(this);
if($this.data('hidden')){
$this.find(".front").animate({top: -190}, 'fast').data('hidden', false);
} else {
$this.find(".front").animate({top: 0}, 'fast').data('hidden', true);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.