javascript手指幻燈片檢測

我試圖創建一個滑動複選框，就像在iphone上的一個。javascript手指幻燈片檢測

我開始用這個腳本：

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

但它似乎並沒有工作。有關如何實現這一點的任何想法？

來源

2011-05-13 cmplieger

這是一個有趣的小問題

我把它工作得很好，它甚至可與鼠標:)

我測試了它在我的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/

來源

2011-05-14 04:30:35 samccone

老兄，你真棒：D – cmplieger 2011-05-15 22:31:06

沒問題，實際上這很有趣，我想我會寫一篇關於它的大博客文章，但是很高興你喜歡它 – samccone 2011-05-16 02:46:22

我在2秒鐘內破壞了這個腳本上帶鼠標的電腦。我認爲你需要回報錯誤或停止傳播某處...我瘋狂點擊，它陷入了「綠色」的位置，不再有效。 – Alex 2011-08-02 15:24:05

javascript手指幻燈片檢測

回答

相關問題