如何在 iPhone/Android 网络应用程序上制作类似 JQuery 滑块的功能？答案

【问题标题】：How do I make a JQuery Slider-like feature on iPhone/Android web app?如何在 iPhone/Android 网络应用程序上制作类似 JQuery 滑块的功能？
【发布时间】：2011-01-26 04:38:40
【问题描述】：

在 iPhone 或 Android 中，如果你有一个 JQuery Slider，它就不太好用（触摸屏会移动屏幕而不是拖动滑块。）

【问题讨论】：

标签： javascript jquery iphone android slider

【解决方案1】：

您可能需要从头开始编写。幸运的是，@ppk 编写了一个 drag and drop for iPhone 的示例。

【讨论】：

【解决方案2】：

收听touch events 并相应地移动滑块。这些事件也适用于 Android，因为它也使用 WebKit。

【讨论】：

【解决方案3】：

我在网上找到了将触摸事件转换为鼠标事件的示例代码。我用 jquery-ui 的滑块对此进行了测试，效果很好！

Link to source

【讨论】：

【解决方案4】：

我用它来连接http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ 滑块。像魅力一样工作，只需确保替换针对特定 dom 元素的代码即可。然后添加$('#sliderdiv').addTouch()。适用于 iPhone，但不适用于 Android。根据quirksmode 触摸事件不适用于Android。

【讨论】：

更好的是，使用 JQuery Mobile。

【解决方案5】：

您可以通过 jquery+javascript 为 iphone、android 和 windows 手机执行此操作。带有 IE 的 Windows phone 有一个缺陷，我无法让它捕捉到 div 部分。

【讨论】：

【解决方案6】：

你可以使用这个库http://touchpunch.furf.com/ 这为所有 jquery ui 元素提供了触摸事件。

【讨论】：