перетаскивание iPad - PullRequest
       6

перетаскивание iPad

12 голосов
/ 19 июля 2010

Мне нужно реализовать перетаскивание для Ipad.

Я попробовал это решение: http://www.gotproject.com/blog/post2.html

Но поскольку я сам использую JQuery, он конфликтует и не работает.

Как использовать перетаскивание JQuery для IPad?

Ответы [ 6 ]

18 голосов
/ 13 января 2012

Рабочая:

Во-первых, используйте jquery UI http://jqueryui.com/demos/ для функции перетаскивания

, а затем добавьте этот скрипт https://github.com/furf/jquery-ui-touch-punch для воспроизведения в Ipad или Iphone.

Надеюсь, это поможет.

5 голосов
/ 31 января 2013

Если вы не используете пользовательский интерфейс jQuery, используйте созданный мной форк https://github.com/mikeangstadt/jquery-ui-touch-punch.git, чтобы подключить обработчик касания с помощью jQuery путем запуска уже определенных событий мыши.

Хорошо работает на iOS6, не тестировался на Android или других.

3 голосов
/ 22 марта 2011

Это выглядело прилично.

http://popdevelop.com/2010/08/touching-the-web/

2 голосов
/ 09 марта 2012

Подтверждено, что jurery-ui-touch-punch от furf работает на iPad.

Добиться его работы так же просто, как включить jquery.ui.touch-punch.js после того, как вы включили jquery-ui и сам jquery. Например:

HTML:

<head>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>

    <!-- touch capability for tablets/phones -->
    <script type="text/javascript" src="js/jquery.ui.touch-punch.js"></script>
</head>

Javascript:

//
// assume that html_string is a valid string
// containing some element you want to be draggable
// which needs to be added to the DOM
//
function addItemToUIList (list, html_string) {
    var item = $(list).append (html_string);

    // now, using jqui and touch-punch, we can make it draggable
    item.draggable ();
}

Теперь «элемент» можно перетаскивать на экране на iPad, а также в Chrome на рабочем столе.

2 голосов
/ 20 июля 2010

Apple имеет раздел под названием «Обработка событий Multi-Touch» здесь: https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/multitouch_background/multitouch_background.html

Это официальное руководство Apple о том, как вы можете обрабатывать практически все сенсорные события с помощью стандартных элементов управления и распознавателей жестов в UIKit.

0 голосов
/ 21 января 2014

Я работал над исправлением этой проблемы, проверьте мой github: https://github.com/youryss/fixdragtablet

Я надеюсь, что это работает для вас

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...