0

スクリプトの劣化した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');
    });
}

劣化セクションのクリック イベントのホバー イベントを変換するにはどうすればよいですか?

4

1 に答える 1

3

クリックを使用したい場合は、状態値を保存する必要があります - .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);
    }

});
于 2013-08-05T13:02:43.953 に答える