在网页中左右滑动div

Question

我正在开发一个包含六个项目的网页。我正在尝试使用PADILICIOUS向网站添加滑动事件，但它不起作用。任何具有PADLICIOUS经验的人都可以帮助我实现左右滑动？

Answer 1

1. 保存该脚本：http://padilicious.com/code/touchevents/swipesensejs.html。您必须保存文本并将其重命名为“swipesense.js”。

2. 将脚本包含在页面上。例如：

   <script src="/path/to/swipesense.js" type="text/javascript"></script> 
   

3. 在要处理触摸事件的DOM元素的标记中包含四个事件处理程序。我有一个名为“包装”直接在我的身体标签。下面是标签的样子：

   <div id="wrapper" 
       ontouchstart="touchStart(event,'wrapper');" 
       ontouchend="touchEnd(event);" 
       ontouchmove="touchMove(event);" 
       ontouchcancel="touchCancel(event);> 
   
   .... wrapper contents here .... 
   
   </div> 
   

4. 有一个名为 “processingRoutine（）” 函数swipesense.js内。在这个函数里面，它非常清楚地展示了你应该为每种类型的触摸事件插入代码的地方。

我感动processingRoutine（）出swipesense.js的，因为它似乎更自然的我把它集成到其它JS，我会更加频繁地编辑。我也将它重命名为“processSwipe（）” - 但是不如“processingRoutine（）”通用。当然，我也必须在swipesense.js中更改一个引用。

我希望能为你覆盖它。它对我来说就像一个魅力。