こんにちは〜
今回はスマホでタップした時にhoverさせるjQueryのメモ書きです。
スマホでタップした時にhoverさせようとpcと同じように設定すると、うまく動きません。
そんな時に下記のjQueryを使うとうまくいきました。
1 2 3 4 5 6 | $( 'a' ) .bind( 'touchstart', function(){ $( this ).addClass( 'hover' ); }).bind( 'touchend', function(){ $( this ).removeClass( 'hover' ); }); |
1 2 3 | a.hover { text-decoration: underline; } |
コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer’s SELECTION)
以上で今回はスマホでタップした時にhoverさせるjQueryのメモ書きでした。