javascript finger slide detection

Question

J'essaie de créer une case à cocher coulissante comme celle sur l'iphone.

J'ai commencé avec ce script:

$('input[type=checkbox]').live('touchstart', function (e) { 
      down_x = e.originalEvent.touches[0].pageX; 
      $('input[type=checkbox]').live('touchmove', function (e) {up_x = e.originalEvent.touches[0].pageX; 
      if ((down_x - up_x) > 1) {$(this).change()}}); 
      }); 

Mais il ne semble pas fonctionner. Une idée sur la façon de mettre en œuvre cela?

Answer 1

c'était un petit problème amusant

Je l'ai fonctionne très bien, cela fonctionne même avec une souris :)

Je l'ai testé sur mon Ipad et Iphone et il est assez cool.

ne prendrait pas beaucoup de travail pour retourner cela dans un plugin, mais cela devrait fonctionner très bien pour vous

l'astuce de travailler avec ios événements mobiles est ces trois événements

$('.toggle_box').bind('touchstart',touch_start); 
$('.toggle_box').bind('touchmove',touch_move); 
$('.toggle_box').bind('touchend',slide_end); 

http://jsfiddle.net/samccone/ZMkkd/