jQuery Touchwipe Plugin

最近在研究用web來做app,成果還不錯,簡單說就是寫一個網頁,然後再用Android包成一隻app,之後更熟就可以用這個來寫一些app了。

可是在手持裝置的使用上,會有一些不一樣的操作,比方說在手持裝置上因為沒有滑鼠,所以絕對要避免使用hover,因為寫了也沒辦法在上面表現出來;再來是手持裝置上的手勢滑動效果,就是一般電腦不會作的操作,正在煩惱該怎麼做的時候,查到了有人在jquery上寫的plugin,如果有需要的可以試試看。

外掛位置: jQuery Touchwipe Plugin

引入外掛後就可以使用。

使用方法如下。
  1. $("selector").touchwipe({   
  2.     wipeLeft: function() { alert("left"); },   
  3.     wipeRight: function() { alert("right"); },   
  4.     wipeUp: function() { alert("up"); },   
  5.     wipeDown: function() { alert("down"); },   
  6.     min_move_x: 20,   
  7.     min_move_y: 20,   
  8.     preventDefaultEvents: true  
  9. });  

留言

熱門文章