与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.com/这应该工作。; 尽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:
我不确定它是否正是你正在寻找的,但你可以尝试PhoneGap或XUI 。
如果您正在为ios构buildWeb应用程序,则必须尝试使用jQuery Mobile。
嗨,我使用这个jquery插件: https : //github.com/LuvDaSun/jdrag
它提供了一些拖动事件
让我知道如果你发现任何错误,代码是相当新的!
这仍然在alpha: http : //prettydiff.com/jsgui
即使在closures或刷新浏览器之后,它仍然存在,并且可以在任何现代浏览器中使用。 而且这不是一个框架。 你可以使用这个没有其他框架,你可以自定义它做你想做的。