Question

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

Answer 1

保存此脚本：http://padilicious.com/code/touchevents/swipesensejs.html。您必须保存文本并将其重命名为＆＃34; swipesense.js＆＃34;。

在您的页面上包含脚本。像这样：

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

在要处理触摸事件的DOM元素的标记中包含四个事件处理程序。我有一个名为＆＃34;包装＆＃34;直接在我的身体标签内。这是标签的样子：

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

.... wrapper contents here ....

</div>

这是一个名为＆＃34; processingRoutine（）＆＃34;的函数。在swipesense.js内。在该功能中，它非常明确地列出了应该为每种类型的触摸事件插入代码的地方。

我将来自swipesense.js的processingRoutine（）移出了，因为我将它集成到其他JS中似乎更自然，我会更频繁地编辑它。我也将其重命名为＆＃34; processSwipe（）＆＃34; - 但是比＃34; processingRoutine（）＆＃34;将工作。当然我也必须在swipesense.js中更改它的一个引用。

我希望能为您提供帮助。它对我来说就像一个魅力。

在网页中左右滑动div

1 个答案: