Как создать JQuery Slider-подобную функцию на веб-приложении iPhone/Android?

В iPhone или Android, если у вас есть JQuery Slider, он не совсем работает (сенсорный экран будет перемещать экран, а не перетаскивать ползунок.)

Ответ 1

Вам может потребоваться написать это с нуля. К счастью, @ppk закодировал пример перетаскивания для iPhone.

Ответ 2

Слушайте сенсорные события и соответствующим образом перемещайте слайдер. Эти события также работают на Android, так как он также использует WebKit.

Ответ 3

Вы можете использовать эту библиотеку http://touchpunch.furf.com/ Это обеспечивает сенсорные события для всех элементов jquery ui.

Ответ 4

Я нашел образец кода онлайн, который преобразует события касания к событиям мыши. Я тестировал это с помощью слайдера jquery-ui, и он работал красиво!

Ссылка на источник

Ответ 5

Вы можете сделать это для телефонов iphone, android и windows через jquery + javascript. Телефон Windows с IE имеет один недостаток, я не смог его привязать к разделам div.

Ответ 6

Я использовал это для подключения http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ слайдера. Работает как шарм, просто замените код, который работает против определенных элементов dom. Затем добавьте $('# sliderdiv'). AddTouch(). Работает на IPhone, но не работает для Android. Согласно quirksmode события касания не работают на Android.