javascript - 多个元素上的 jQuery touchstart

Question

我正在寻找适用于 iOS 的解决方案，例如悬停在“桌面世界”中。我的页面上有很多图像项目，当用户在图像上移动手指时，实际图像的不透明度为 0。（所以一个移动隐藏了所有项目 :)）

我试过这样的事情：

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

Answer 1

如果您想在touchstart收到 -event 时隐藏所有图像，您应该使用：

$("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