Библиотека JS (с функцией drag n drop), совместимая с iOS и обычными браузерами

Question

Кто-нибудь знает каркас JS, который имеет функцию перетаскивания и совместим с мобильными (iOS) и обычными браузерами?

В настоящее время у меня есть веб-приложение, и мне сложно егоФункциональность drag'n'drop работает на iOS ... Хотелось бы, чтобы был такой, который бы делал это для обоих ...

Answer 1

Вот два встроенных в jQuery:

http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html

http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

Существует также мобильная среда jquery (которая не имеет функции перетаскивания): http://jquerymobile.com/

Answer 2

Я большой поклонник Sencha Touch .

Вот демонстрация перетаскивания - http://dev.sencha.com/deploy/touch/examples/dragdrop/.

Примечание: Проверено на моем iPhone 4 в Safari.

Answer 3

JQuery Mobile пытается поддерживать большое разнообразие платформ

А вот специальные плагины для Drag and Drop

Answer 4

Попробуйте додзё. Он работает довольно хорошо, и это относительно зрелый инструментарий. http://dojotoolkit.org/

Answer 5

Check SproutCore . Это фреймворк, созданный бывшими инженерами Apple и используемый Apple в веб-приложениях MobileMe и iCloud. Он имеет SC.Drag , который работает с событиями мыши и касания.

Answer 6

interactive.js - это отдельный и легкий модуль JavaScript с возможностью перетаскивания, изменения размера и мультитач-жестов.Он работает на iOS, Android, Chrome, Firefox, Opera и IE9 + с поддержкой взаимодействия с элементами HTML и SVG.Что-то, на что стоит обратить внимание, это то, что разработчик должен отвечать на события перетаскивания, но я думаю, что это хорошо.

Чтобы перетаскивать всю страницу, можно использовать:

// make an Interactable of the document body element
interact(document.body)
// make a draggable of the Interactable
  .draggable({
    // on(drag)move
    onmove: function (event) {
      x += event.dx;
      y += event.dy;

      // translate the document body by the change in pointer position
      document.body.style.translate = 'translate(' + x + 'px, ' + y + 'px)';
    }
  })

Answer 7

http://www.kendoui.com/ это должно работать. Имеет и D'n'd, хотя он все еще в бета-версии.

Answer 8

Вы можете использовать jquery UI для перетаскивания и дополнительную библиотеку, которая отображает сенсорные события на их аналогичные события мыши. Я думаю, что это должно решить вашу проблему:

https://github.com/yeco/jquery-ui-touch-punch

Чтобы добавить сенсорные события, просто включите jquery.ui.touch-punch.min.js сценарий после ваших сценариев jquery.ui.

ДЕМОС:

http://furf.com/exp/touch-punch/

Answer 9

• zepto (самый маленький, iOS 4+, Android 2.2+, webOS 1.4.5 +)
• jquery, jquerymobile, jqtouch
• прототип
• сенча, сенчатуш

Answer 10

Это по-прежнему в альфа-формате: http://prettydiff.com/jsgui

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