CSS3のホバー遷移をjqueryのクリックイベントに置き換えます。

Question

私は、ホバリング効果を達成するためにcss3を使用する一連のイメージを持っています。画像上を使用すると、キャプションがスライドします。それは非常に素晴らしい効果です。モバイルでは、ホバーオーバーがないため、このホバー効果はユーザーには表示されません。理想的には、モバイルユーザーが画像上で「タップ」（クリックと同じ）したときにキャプションを表示するようにしたいと考えています。 css hoverセレクターをクリックイベントに変換する最良の方法は何ですか？私は最良の方法はjqueryを使うことだと考えています。私は、次のようなsoemthingをした場合でも、私はこれはCSS3でどのように動作するかわからない：

$("img").click(function(){ 
    perform css3 hover transitions now 
}); 

それだけ480PX（モバイル）以下の画面に適用されますので、私は条件付きでこれを置くだろう。私の質問は、これらのCSS3ホバートランジションをモバイル画面上のjqueryクリックイベントとしてどのように起動させるのでしょうか？何か案は？

Answer 1

心から私はまだjQueryのモバイルを試していないが、このライブラリはvmouseoverのようなマウスイベントを疑似イベントを提供し、あなたがこのイベントを使用することができ、CSSに別のクラスで:hover性質を入れて焼成することにより、イベントは、要素にクラスを追加します。

$('img').live('vmouseover', function() { 
     $(this).addClass("hover"); 
}); 

Answer 2

これによれば、あなたが望むものは不可能です。推奨される修正は、cssを別の疑似cssクラスに複製することです。

http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover