jquery вложенный перетащите на ipad

Question

У меня есть следующие настройки:

$(".window").draggable({
        containment: "document",
        cancel: ".contact"
    });

$(".contact").draggable({
        containment: "document",
        revert: "invalid",
        helper: "clone",
        appendTo: "body",
        zIndex: "10000",
        start: function (event, ui) {$(".window").draggable("disable"); },
        stop: function (event, ui) {$(".window").draggable("enable"); }
    });

$("#my_list").droppable({
        accept: ".contact",
    });

Контакт является элементом списка, который вложен в элемент окна.Я хочу, чтобы можно было перетаскивать окна и контакты, последние могут перетаскиваться на определенное окно.

Все работает нормально во всех браузерах, которые я пробовал, но на iPad происходит случайное поведение, когда я перетаскиваю контакт, окно перетаскивается с ним.Контактный элемент клонирования создается всегда, и функции запуска и остановки были попыткой решить эту проблему.

Немного не хватает идей, как обойти это!

Answer 1

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

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

Answer 2

Начало - это когда элемент начинает перетаскиваться, и он уже подобрал элемент .window в этой точке. Срабатывает ли мышь вниз перед запуском на элементе $ (". Contact")? Я думаю, что так и будет. Попробуйте временно отключить перетаскивание на .window до начала перетаскивания на .contact.