Кто-нибудь знает о структуре JS, которая имеет функции перетаскивания и совместима с мобильными (iOS) и обычными браузерами?
В настоящее время у меня есть веб-приложение, и я просто хочу, чтобы его функциональность drag'n'drop работала на iOS... Я бы хотел, чтобы это было для обоих...
Здесь два встроенных jQuery:
http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html
http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
Существует также jQuery mobile framework (который не имеет перетаскивания на nativly): http://jquerymobile.com/
Я большой поклонник Sencha Touch.
Здесь есть демо-версия drag & drop - http://dev.sencha.com/deploy/touch/examples/dragdrop/.
Примечание. Протестировано на iPhone 4 в Safari.
JQuery Mobile пытается поддерживать большое разнообразие platforms
И вот конкретные плагины для Перетаскивание
Попробуйте dojo. Он работает очень хорошо, и это относительно зрелый инструментарий. http://dojotoolkit.org/
Отъезд SproutCore. Это структура, созданная бывшими инженерами Apple, и используется Apple в мобильных приложениях и мобильных приложениях iCloud. Он имеет SC.Drag, который работает как с событиями мыши, так и с touch.
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)';
}
})
http://www.kendoui.com/ это должно сработать. Имел d'n'd тоже, хотя он все еще в Бета.
Вы можете использовать jQuery UI для перетаскивания и дополнительную библиотеку, которая отображает события касания к их аналогам событий мыши. Я думаю, это должно решить вашу проблему:
https://github.com/yeco/jquery-ui-touch-punch
Чтобы добавить события касания, просто включите jquery.ui.touch-punch.min.js script после скриптов jquery.ui.
ДЕМОС:
Я не уверен, что это именно то, что вы ищете, но вы можете попробовать PhoneGap или, возможно, XUI.
Если вы создаете веб-приложения для ios, вы должны попробовать jquery mobile.
Привет, я использую этот плагин jquery: https://github.com/LuvDaSun/jdrag
Он предоставляет некоторые события перетаскивания
сообщите мне, если вы найдете какие-либо ошибки, код будет совершенно новым!
Это все еще в альфа: http://prettydiff.com/jsgui
Он сохраняется даже после закрытия или обновления вашего браузера, и он будет работать в любом современном браузере. Кроме того, это не каркас. Вы можете использовать это без других фреймворков, и вы можете настроить его, чтобы делать то, что вы хотите.