В настоящее время я пытаюсь создать мобильное веб-приложение на HTML5, и мне было интересно, может ли кто-нибудь указать мне правильное направление.
Я хотел бы эмулировать функцию индекса секции AZ вIphone / Ipad с использованием JavaScript.Вот пример сенчи, который вы можете просмотреть в веб-наборе: http://dev.sencha.com/deploy/touch/examples/oreilly/ (нажмите «колонки»)
Вот функция, которую я имею до сих пор:
$(".jumplistitem").bind("touchmove", function(e) {
e.preventDefault();
letter = $(this).text().toLowerCase();
scrolltarget = ".x-group-" + letter;
merchantScroll.scrollToElement(scrolltarget, 0);
});
Функция прекрасно срабатывает при простом щелчке или касании, но мне нужно такое поведение "перетаскивания", которое вы видите в примере.Таким образом, пользователь просто перетаскивает свой палец вверх и вниз по списку az, и функция срабатывает соответственно.Сейчас он срабатывает только один раз.
Интересно, что он работает безупречно с мышью, использующей событие hover.Мне нужно просто подражать этому.
Я думаю, что проблема в элементе "this", но любая помощь будет принята!