转换jquery的悬停点击事件

convert hover to click event for jquery

本文关键字：事件 悬停 jquery 转换      更新时间：2023-09-26

我正在尝试为脚本的降级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);
    }
});
相关文章：