обнаружение скольжения пальцев в javascript

Question

Я пытаюсь создать скользящий флажок, как на iphone.

Я начал с этого скрипта:

$('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()}});
            });

Но, похоже, это не работает. Есть идеи, как это реализовать?

Answer 1

это была забавная маленькая проблема

У меня все заработало, даже с мышью :)

Я проверил это на своем Ipad и Iphone, и это круто.

не потребовалось бы много усилий, чтобы перевернуть это в плагин, но для вас это должно прекрасно работать

хитрость при работе с мобильными событиями ios заключается в этих трех событиях

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

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