Как заставить jquery dragging работать на мобильных устройствах?

Question

У меня есть приложение, в котором я позволяю пользователям перетаскивать изображения. Он использует jquery. Я пытаюсь заставить его работать на мобильных устройствах (на iPhone, если я перетаскиваю изображение, он перетаскивает всю страницу). Я хочу использовать jquery mobile. Это правильный путь? Если да, то легко ли перейти с обычного jquery на jquery mobile? А также, если я использую jquery mobile, он все еще будет перетаскиваться с рабочего стола?

Спасибо!

Answer 1

Я нашел очень простое решение этой проблемы - jQuery UI Touch Punch .

Он работает, эффективно преобразовывая сенсорные события в события щелчка, поэтому ваш перетаскиваемый код будет работать как вы.Мы надеялись на сенсорные экраны для мобильных устройств / планшетов.

Для реализации вам просто нужно скачать скрипт Touch Punch и затем включить его в свой HTML после вашего другого jQuery/ JQuery UI включает в себя:

<script src="scripts/jquery.ui.touch-punch.min.js"></script>

Я тестировал на Android и iOS, и он работал впервые для меня без каких-либо проблем.