私のフリップオンスクリプトスクリプトのスクリプトをモバイルで実行する

Question

現在、私のウェブサイトで作業しています。次のコードを使用して、ホバー上のカードを反転しています。しかし、私はそれをモバイルでテストして、カードは接触したままフリップしますが、別のカードをクリックした場合にのみ、クリックして戻ってくることはありません。どのようにしてこのコードを適応させることができますか（または別のコードを使用することができますか）誰にもわかりますか？ありがとうございました！

$('.card').hover(function() { $(this).toggleClass('flipped'); });

Answer 1

hover()あなたは

$('.card').hover(function() { 
    $(this).toggleClass('flipped'); 
    }, 
    function() { 
    $(this).toggleClass('flipped'); 
}); 

を置くときに実行しかし、モバイルデバイス上でhover()が、それは内部的にそうtouchイベントを使用して、実際のjQueryモバイルイベントではありませんます秒（オプション）のパラメータを受け付けますそれがうまくいかない場合は、touchstartとtouchendイベントを使用してバインドする必要があります。

EDIT：touchstartはをクリックして類似しているとtouchendはあなたがこの

スニップ1

$(".card").on('touchstart',function() { 
    $(this).toggleClass('flipped'); 
}); 

これが「トグルボタン」のようになりますが、あなたを行うことができますjqueryの携帯電話を含め、携帯.IFにイベントをMouseUpイベントに似ていますあなたはそれがこの

スニップ2

$(".card").on('touchstart',function() { 
    $(this).toggleClass('flipped'); 
}); 

$(".card").on('touchend',function() { 
    $(this).toggleClass('flipped'); 
}); 

をagain.Whereas行う刚性それはその状態を続けるだろうタッチとリリース

は、タッチを放すと「ターボボタン」のように動作し、元の状態に戻ります