如何在iPhone/Android Web應用上製作類似JQuery Slider的功能？

Question

在iPhone或Android中，如果您有一個JQuery滑塊，它不會起作用（觸摸屏將移動屏幕，而不是拖動滑塊。）

Answer 1

您可能需要從頭開始編寫此代碼。幸運的是，@ppk已經編碼了一個drag and drop for iPhone的例子。

Answer 2

收聽touch events並相應地移動滑塊。這些事件也適用於Android，因爲它也使用WebKit。

Answer 3

我在網上找到了將觸摸事件轉換爲鼠標事件的示例代碼。我用jquery-ui的滑塊測試了它，它運行得非常好！

Link to source

Answer 4

我用這個要連接http://code.google.com/p/jquery-ui-for-ipad-and-iphone/滑塊。像魅力一樣工作，只要確保替換對特定的dom元素有效的代碼即可。然後添加$（'＃sliderdiv'）。addTouch（）。適用於iPhone，但不適用於Android。根據quirksmode觸摸事件不適用於Android。

Answer 5

你可以通過jquery + javascript爲iphone，android和windows手機做到這一點。 Windows手機與IE瀏覽器有一個缺陷，我沒有能夠得到它捕捉div部分。

Answer 6

你可以使用這個庫http://touchpunch.furf.com/ 這提供了所有jQuery UI元素的觸摸事件。