轉換懸停爲jquery單擊事件

Question

我想轉換我的腳本降級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'); 
    }); 
} 

如何轉換降級節點擊事件的懸停事件？

Answer 1

如果你想使用一下，你需要存儲的狀態值 - 您可以使用.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); 
    } 

});