Проведите div влево и вправо на веб-странице

Question

Я занимаюсь разработкой веб-страницы, которая состоит из шести пунктов.Я пытаюсь добавить событие смахивания на сайт, используя PADILICIOUS, но оно не работает.Может ли кто-нибудь с опытом работы с PADLICIOUS помочь мне включить смахивание влево и вправо?

Answer 1

1. Сохраните этот скрипт: http://padilicious.com/code/touchevents/swipesensejs.html. Вам придется сохранить текст и переименовать его в что-то вроде "swipesense.js".

2. Включите скрипт на своей странице. Примерно так:

   <script src="/path/to/swipesense.js" type="text/javascript"></script>
   

3. Включите четыре обработчика событий в тег в элементе DOM, который вы хотите обрабатывать события касания. У меня есть div, называемый «обертка», прямо внутри моего тега body. Вот как выглядит этот тег:

   <div id="wrapper"
       ontouchstart="touchStart(event,'wrapper');"
       ontouchend="touchEnd(event);"
       ontouchmove="touchMove(event);"
       ontouchcancel="touchCancel(event);>
   
   .... wrapper contents here ....
   
   </div>
   

4. В swipesense.js есть функция с именем «processingRoutine ()». Внутри этой функции довольно четко указано, куда следует вставлять код для каждого типа сенсорного события.

Я переместил processingRoutine () из swipesense.js, потому что мне казалось более естественным интегрировать его в другой JS, в который я буду чаще вносить изменения. Я также переименовал его в «processSwipe ()», но все, что менее универсально, чем «processingRoutine ()», будет работать. Конечно, мне также пришлось изменить одну ссылку на нее в swipesense.js.

Я надеюсь, что это для вас. Это работает как шарм для меня.