在网页中左右滑动div
问题描述:
我正在开发一个包含六个项目的网页。我正在尝试使用PADILICIOUS向网站添加滑动事件,但它不起作用。任何具有PADLICIOUS经验的人都可以帮助我实现左右滑动?在网页中左右滑动div
答
保存该脚本:http://padilicious.com/code/touchevents/swipesensejs.html。您必须保存文本并将其重命名为“swipesense.js”。
-
将脚本包含在页面上。例如:
<script src="/path/to/swipesense.js" type="text/javascript"></script>
-
在要处理触摸事件的DOM元素的标记中包含四个事件处理程序。我有一个名为“包装”直接在我的身体标签。下面是标签的样子:
<div id="wrapper" ontouchstart="touchStart(event,'wrapper');" ontouchend="touchEnd(event);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);> .... wrapper contents here .... </div>
有一个名为 “processingRoutine()” 函数swipesense.js内。在这个函数里面,它非常清楚地展示了你应该为每种类型的触摸事件插入代码的地方。
我感动processingRoutine()出swipesense.js的,因为它似乎更自然的我把它集成到其它JS,我会更加频繁地编辑。我也将它重命名为“processSwipe()” - 但是不如“processingRoutine()”通用。当然,我也必须在swipesense.js中更改一个引用。
我希望能为你覆盖它。它对我来说就像一个魅力。