touchmove イベントを使用して、iOS で hover/mouseenter 機能をシミュレートする方法を見つけようとしています。
iOS で BigGraph ホバー効果を複製したいと思います。よくわからない場合は、以下のリンクを参照してください。四角形にカーソルを合わせると拡大し、ホバーを離すと折りたたまれます。
http://isotope.metafizzy.co/custom-layout-modes/big-graph.html
BigGraph では、ホバー オーバーの動作に気付くでしょう。タッチ デバイスでそれを再現しようとしています。画面上で指を動かしてボックスを拡大する方法を見つけるのに苦労しています。ホバーはサポートされていないので、タッチムーブがオプションになると思っていました。
touchstart イベントと touchend イベントでアイテムを展開できましたが、touchmove にはホバリングしている DIV をキャプチャする方法がないようです。そのため、アイテムをキャプチャして展開することはできません。
以下は簡単なスニペットです。どうも
$(".item").bind("touchstart", function(e){
log("touch start");
$(e.currentTarget).find('.icon').css("background-color", "red");
e.preventDefault();
});
$(".item").bind("touchend", function(e){
log("touch end");
});
.big-graph .item:hover .icon {
-webkit-transform: scale(2);
-moz-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
}