javascript - 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