与iOS和常规浏览器兼容的JS库(拖放)

有谁知道一个JS框架,具有拖放function,并与移动(iOS)和常规浏览器兼容?

我目前有一个基于networking的应用程序,这是一个麻烦,使其拖放function在iOS上的工作…我希望有一个会做这两个…

这里有两个内置的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/

我是Sencha Touch的忠实粉丝。

这里有拖放演示 – http://dev.sencha.com/deploy/touch/examples/dragdrop/

注意:在Safari中testing我的iPhone 4。

JQuery Mobile正在试图支持各种各样的平台

这里是拖放的特定插件

尝试道场。 它工作得很好,它是一个相对成熟的工具包。 http://dojotoolkit.org/

看看SproutCore 。 这是一个由前苹果工程师创build的框架,苹果在MobileMe和iCloudnetworking应用程序中使用。 它有SC.Drag ,可以同时处理鼠标和触摸事件。

interact.js是一个独立的,非常轻量级的拖放,resize和多点触摸手势的JavaScript模块。 它适用于iOS,Android,Chrome,Firefox,Opera和IE8 +,支持与HTML和SVG元素交互。 事先要注意的是,开发人员应对拖拽事件,但我认为这是一件好事。

要允许拖动整个页面,可以运行:

// make an Interactable of the document body element interact(document.body) // make a draggable of the Interactable .draggable({ // on(drag)move // could also have done interact(document.body).draggable(true).ondragmove = function... 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)'; } }) 

它仍在开发中,并且计划了许多function,但API不同于显着改变。

http://www.kendoui.c​​om/这应该工作。; 尽pipe它仍然处于testing阶段,但还是没有。

  • zepto(最小,iOS 4+,Android 2.2+,webOS 1.4.5+)
  • jquery,jquerymobile,jqtouch
  • 原型
  • sencha,senchatouch

您可以使用jQuery UI进行拖放操作,并使用额外的库将触摸事件映射到鼠标事件模拟器。我认为这应该可以解决您的问题:

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

要添加触摸事件,只需在jquery.ui脚本之后包含jquery.ui.touch-punch.min.js脚本。

DEMOS:

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

我不确定它是否正是你正在寻找的,但你可以尝试PhoneGap或XUI 。

如果您正在为ios构buildWeb应用程序,则必须尝试使用​​jQuery Mobile。

嗨,我使用这个jquery插件: https : //github.com/LuvDaSun/jdrag

它提供了一些拖动事件

让我知道如果你发现任何错误,代码是相当新的!

这仍然在alpha: http : //prettydiff.com/jsgui

即使在closures或刷新浏览器之后,它仍然存在,并且可以在任何现代浏览器中使用。 而且这不是一个框架。 你可以使用这个没有其他框架,你可以自定义它做你想做的。