javascript - 複数の要素でのjQuery touchstart

Question

「デスクトップの世界」にホバーするなど、iOS 用のソリューションを探しています。私のページにはたくさんの画像アイテムがあり、ユーザーが画像上で指を動かすと、実際の画像の不透明度は 0 になります (したがって、1 回の移動ですべてのアイテムが非表示になります:))

私はこのようなことを試しました：

 $("img").on "touchstart", ->  
        $(this).animate({opacity:0}, 100) 

Answer 1

-event を受信したときにすべての画像を非表示にする場合は、touchstart次を使用する必要があります。

$("img").on("touchstart", function() {  
    $("img").animate({opacity:0}, 100);
});

またはさらに良い：

var $images = $("img").on("touchstart", function() {  
    $images.fadeTo(100, 0);
});

キーワードは、イベント レートを受け取る DOM 要素を参照し、次にthisjQuery コレクション全体を参照します。

CoffeeScript には不向きです。

$(document.body).on "touchmove", (event) ->
  if $(event.target).is("img")
    $(event.target).animate
      opacity: 0
    , 100