Обнаружение слайдов пальца javascript

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

Я начал с этого 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()}});
            });

Но это не работает. Любая идея о том, как это реализовать?

Ответ 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/