关于多个元素的jquery touchstart

Question

我在寻找ios的解决方案，就像在“桌面世界”中徘徊一样。 我的页面上有很多图像项目，当用户在图像上移动手指时，活动图像会变为不透明度0.（所以一次移动隐藏所有项目:)）

我试过这样的事情：

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

Answer 1

如果你想在活动touchstart - 活动时隐藏所有图片，你应该使用：

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

甚至更好：

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

this关键字指的是接收事件评估者的DOM元素，然后是整个jQuery集合。

不适合CoffeeScript。

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