TouchSwipe.js

//-----------------------------手机触屏触摸特效jquery.touchSwipe的用法-----------------------------//

//jquery中jquery.touchSwipe.min.js的用法：          
//需要先引入jquery.js以及jquery.touchSwipe.min.js

//在移动端开发过程中往往会遇到手指滑动事件，下面是一个滑动删除的部分代码，手指左滑动的时候出现删除按钮
//手指右滑动的时候隐藏删除按钮，思路很简单就是使用transform将元素左移或右移，剪切掉溢出部分

//html代码:

 
    
   
   
    删除
    
  

 
//js代码：

$('.swipe').swipe({
    //向左滑动执行的方法
    swipeLeft: function(){
       $(this).find('.weui-media-box').css('transform', 'translatex(-50px)');
      },
      //向右滑动执行的方法
     swipeRight: function(){
       $(this).find('.weui-media-box').css('transform', 'translatex(0px)');
      }
   })