Перетаскивание ipad

Мне нужно реализовать drag and drop для Ipad.

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

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

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

Ответ 1

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

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

Ответ 2

Работа:

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

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

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

Ответ 3

Это выглядело достойно.

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

Ответ 4

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

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

Ответ 5

Подтверждено, что fff jquery-u-touch-punch работает на 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, а также в хроме на рабочем столе.

Ответ 6

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

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