как обрабатывать сенсорные события в IOS / Android - PullRequest
1 голос
/ 22 ноября 2010

Я работаю над веб-приложением.В соответствии с требованием, мне нужно создать эффект прокрутки изображений, когда пользователь проводит пальцем по экрану (или щелкает), мне нужно переместить конкретное изображение в какой-то заранее заданный пункт назначения.

Таким образом, в некоторой стопке изображений есть два события при касаниипереместить его следует прокрутить влево или вправо и при сенсорном запуске (щелкнуть) он должен переместиться на некоторое расстояние.

Я не могу обработать оба события, я хочу вызвать только событие касания-перемещения, когда пользователь проводит пальцем и хочет прикосновение-старт для запуска, когда пользователь касается или нажимает.

Но при смахивании также запускается событие сенсорного запуска.Пожалуйста, посоветуйте мне решение.

Даже я пробовал событие нажатия вместо сенсорного запуска, но все же у меня та же проблема.

Ответы [ 3 ]

0 голосов
/ 22 ноября 2010

Вы можете посмотреть на виджет прокрутки YUI 3 на http://developer.yahoo.com/yui/3/scrollview/ Также в YUI 3.2 добавлена ​​сенсорная поддержка.

0 голосов
/ 20 января 2012

Если вы можете поменять Jquery на что-то немного меньшее и более удобное для мобильных устройств, Zepto предоставляет довольно приличную альтернативу.Это не полная замена Jquery, но он удивительно совместим.Он предоставляет базовые сенсорные события и CSS-анимации, чтобы сделать возможной современную веб-разработку на iOS.

Если вы ищете более полную мобильную среду, Spine.js и Spine.Mobile.js располагается поверх Jquery или Zepto и прекрасно работает для создания одностраничных приложений с использованием современных методов разработки JS.

IScroll4 также отлично справляетсяскрывать боль сенсорных событий и делает возможными такие вещи, как статические верхние и нижние колонтитулы, даже в более старых версиях iOS и Android.

UPDATE

jqTouchPunch - это что-то вроде хака,но работает на удивление хорошо ...

0 голосов
/ 22 ноября 2010

Взгляните на jQuery Mobile .Хотя сейчас она находится на стадии разработки Alpha, они планируют выпустить первую версию весной 2011 года.

jQuery Mobile: сенсорный веб-каркас для смартфонов и планшетов

Унифицированная система пользовательского интерфейса на всех популярных платформах мобильных устройств, построенная на основе надежных jQuery и jQuery UI.Его легкий код построен с прогрессивным улучшением и имеет гибкий, легко настраиваемый дизайн

Сенсорные макеты и виджеты пользовательского интерфейса

Наша цель - предоставить инструменты для сборкидинамические сенсорные интерфейсы, которые будут корректно адаптироваться к ряду форм-факторов устройства.Система будет включать в себя как макеты (списки, панели сведений, наложения), так и богатый набор элементов управления форм и виджетов пользовательского интерфейса (переключатели, ползунки, вкладки)

Демонстрации здесь .

...