1

css3を使用してホバー効果を実現する一連の画像があります。使用が画像の上にカーソルを合わせると、キャプションがスライドします。とてもいい効果です。モバイルでは、ホバリングがないため、ユーザーはこのホバー効果を確認できません。理想的には、モバイルユーザーが画像を「タップ」（クリックと同じ）したときにキャプションを表示するようにします。cssホバーセレクターをクリックイベントに変換するための最良のアプローチは何ですか？最善のアプローチはjqueryを使用することだと思います。しかし、私が次のようなことをした場合、これがCSS3でどのように機能するかわかりません。

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

これを条件付きに配置して、480px（モバイル）未満の画面にのみ適用されるようにします。私の質問は、モバイル画面でこれらのCSS3ホバートランジションをjqueryクリックイベントとしてトリガーするにはどうすればよいですか？何か案は？

4

2 に答える 2

0

心から私はまだ jQuery Mobile を試していませんが、このライブラリは のようなマウス イベントの疑似イベントを提供しvmouseoverます。このイベントを使用して、CSS:hoverプロパティを別のクラスに配置し、イベントを起動してクラスを要素に追加できます。

$('img').live('vmouseover', function() {
      $(this).addClass("hover");
});
于 2012-05-02T00:03:11.240 に答える
0

これによると、あなたが望むことは不可能です。提案された修正は、CSS を別の非疑似 CSS クラスに複製することです。

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

于 2012-05-01T23:45:13.950 に答える