jQuery Drag and Drop на сенсорных устройствах (iPad, Android)

У нас есть веб-сайт с карточной игрой, который широко использует jQuery Draggable & Droppable и который почти год работал почти безупречно (при использовании мыши).

Мы ДЕЙСТВИТЕЛЬНО хотели бы хотелось бы, чтобы сайт работал на устройствах с сенсорным экраном, но мы не можем добиться надежной работы jQuery перетаскивания и особенно перетаскивания.

Перетаскивание работает «нормально», если перетаскиваемый div не находится внутри другого элемента dom с каким-либо смещением , margin, padding и т. д. Если это так, перетаскиваемый элемент также смещается от пальца пользователя на аналогичную величину. Может показаться, что это не имеет большого значения, но это делает интерфейс непригодным для использования.

Удаление, похоже, не работает.

Мы исследовали различные варианты, представленные здесь на SO (постараемся обновить этот пост ссылками на некоторые из них, если смогу), но ни один из них не работает для нас.

1271] Мы также исследовали jQuery Mobile, но он все еще находится на стадии альфа-тестирования и даже в этом случае, похоже, больше похож на платформу для создания сайта, имитирующего пользовательский интерфейс телефона, а не то, что мы ищем.

Большая часть SO и сообщения Google по этой теме, кажется, прекращаются в конце 2010 года, что заставляет меня думать, что есть очевидный ответ, который, возможно, нам просто не хватает.

Кстати, функциональность, которую мы ищем, явно технически возможна, потому что библиотеки YUI для перетаскивания, как и ожидалось. К сожалению, мы не можем просто оправдать рефакторинг сайта для перехода с jQuery на YUI.

У кого-нибудь есть идеи? Мы бы согласились на ответ, который поддерживает только iPad, но на самом деле не требует рефакторинга существующего сайта.

Спасибо!

29
задан Pat 26 April 2011 в 20:33
поделиться