blocks|key|585390|text|这里有两个内置的jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585391|http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html|offset|length|585392|http://code.google.com/p/jquery-ui-for-ipad-and-iphone/|585393|还有jquery+mobile框架(本机没有拖放功能)：http://jquerymobile.com/|585394|entityMap|0|LINK|mutability|MUTABLE|url|1|2|http://jquerymobile.com/^0|0|0|1X|0|0|0|1J|1|0|S|O|2|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@$D|13|E|14|1|15]]|A|$]]|$1|J|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|C]]|Q|$5|M|N|O|A|$P|G]]|R|$5|M|N|O|A|$P|S]]]]

Here's two built in jQuery:

<a href="http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html" rel="nofollow">http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html</a>

<a href="http://code.google.com/p/jquery-ui-for-ipad-and-iphone/" rel="nofollow">http://code.google.com/p/jquery-ui-for-ipad-and-iphone/</a>

There is also the jquery mobile framework (which does not have drag and drop nativly):
<a href="http://jquerymobile.com/" rel="nofollow">http://jquerymobile.com/</a>

blocks|key|585466|text|JQuery+Mobile正在尝试支持大量的platforms|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|585467|下面是一个用于Drag+and+Drop的特定插件|585468|entityMap|0|LINK|mutability|MUTABLE|url|http://jquerymobile.com/test/|1|http://jquerymobile.com/test/docs/about/platforms.html|2|http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html^0|0|D|0|M|9|1|0|7|D|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

<a href="http://jquerymobile.com/test/" rel="nofollow">JQuery Mobile</a> is trying to support a large variety of <a href="http://jquerymobile.com/test/docs/about/platforms.html" rel="nofollow">platforms</a>

And here is a specific plugins for <a href="http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html" rel="nofollow">Drag and Drop</a>

blocks|key|801284|text|试试dojo。它工作得很好，是一个相对成熟的工具包。http://dojotoolkit.org/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|801285|entityMap|0|LINK|mutability|MUTABLE|url|http://dojotoolkit.org/^0|Q|N|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Try dojo. It works pretty well and it is a relatively mature toolkit. <a href="http://dojotoolkit.org/" rel="nofollow">http://dojotoolkit.org/</a>

blocks|key|801544|text|查看SproutCore。这是一个由前苹果工程师创建的框架，苹果在MobileMe和iCloud+web应用中使用它。它有SC.Drag，可以同时处理鼠标和触摸事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|801545|entityMap|0|LINK|mutability|MUTABLE|url|http://sproutcore.com/|1|http://docs.sproutcore.com/symbols/SC.Drag.html^0|2|A|0|1P|7|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Check out <a href="http://sproutcore.com/" rel="nofollow">SproutCore</a>. It's a framework created by former Apple engineers and is used by Apple in MobileMe and iCloud web apps. It has <a href="http://docs.sproutcore.com/symbols/SC.Drag.html" rel="nofollow">SC.Drag</a> which works with both mouse and touch events.

blocks|key|801899|text|interact.js是一个独立和轻量级的拖放，调整大小和多点触摸手势javascript模块。它适用于iOS、安卓、Chrome、火狐、Opera和IE9%2B，并支持与超文本标记语言和SVG元素进行交互。提前要注意的是，这取决于开发人员对拖动事件的响应，但我认为这是一件好事。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|801900|要允许通过拖动平移整个页面，您可以使用：|801901|//+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+%2B=+event.dx;
++++++y+%2B=+event.dy;

++++++//+translate+the+document+body+by+the+change+in+pointer+position
++++++document.body.style.translate+=+'translate('+%2B+x+%2B+'px,+'+%2B+y+%2B+'px)';
++++}
++})|code-block|syntax|javascript|801902|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/taye/interact.js#interactjs^0|0|B|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<a href="https://github.com/taye/interact.js#interactjs" rel="nofollow noreferrer">interact.js</a> is a standalone and lightweight drag-and-drop, resize and multi-touch gesture javascript module. It works on iOS, Android, Chrome, Firefox, Opera and IE9+ with support for interacting with HTML and SVG elements. Something to note in advance is that it's up to the developer to respond to drag events but I think that's a good thing.

To allow the whole page to be panned by dragging, you could use:

<pre><code>// 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)';
 }
 })
</code></pre>

blocks|key|585705|text|http://www.kendoui.com/这应该是可行的。尽管它还在Beta中，但它也已经不存在了。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|585706|entityMap|0|LINK|mutability|MUTABLE|url|http://www.kendoui.com/^0|0|N|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://www.kendoui.com/" rel="nofollow">http://www.kendoui.com/</a> this should work. Has d'n'd too, even though it's still in Beta.

blocks|key|801482|text|我不确定这是否是你想要的，但是你可以试试PhoneGap或者XUI。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|801483|entityMap|0|LINK|mutability|MUTABLE|url|http://www.phonegap.com/|1|http://xuijs.com/^0|K|8|0|U|3|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I'm not sure if its exactly what you're looking for, but you could try <a href="http://www.phonegap.com/" rel="nofollow">PhoneGap</a> or maybe <a href="http://xuijs.com/" rel="nofollow">XUI</a>.

blocks|key|585644|text|如果你正在为ios构建web应用，你必须尝试jquery+mobile。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585645|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you are building web apps for ios you must try jquery mobile.

blocks|key|801710|text|您好，我使用了这个jquery插件：https://github.com/LuvDaSun/jdrag|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|801711|它提供了一些拖动事件|801712|如果您发现任何错误，请让我知道，代码是相当新的！|801713|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/LuvDaSun/jdrag^0|I|X|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

hi there i use this jquery plugin:
<a href="https://github.com/LuvDaSun/jdrag" rel="nofollow">https://github.com/LuvDaSun/jdrag</a>

It provides some drag events

let me know if you find any bugs, the code is quite new!

blocks|key|801795|text|这仍然是alpha：http://prettydiff.com/jsgui|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|801796|即使在您关闭或刷新浏览器之后，它也是持久的，并且它可以在任何现代浏览器中工作。此外，它不是一个框架。你可以在没有其他框架的情况下使用它，并且你可以定制它来做你想做的事情。|801797|entityMap|0|LINK|mutability|MUTABLE|url|http://prettydiff.com/jsgui^0|A|R|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

This is still in alpha: <a href="http://prettydiff.com/jsgui" rel="nofollow">http://prettydiff.com/jsgui</a>

It is persistent even after you close or refresh your browser and it will work in any modern browser. Furthermore it is not a framework. You can use this without other frameworks and you can customize it to do what you want.

Does anyone know of a JS framework that has drag and drop functionality and is compatible with mobile (iOS) and regular browsers?

I currently have a web-based app and it is a hassle to make its drag'n'drop functionality work on iOS... I wish there was one that would do it for both...

JS library (with drag n drop) compatible with iOS and regular browsers

jQuery

谁知道有一个JS框架具有拖放功能，并且与移动(iOS)和常规浏览器兼容？我目前有一个基于web的应用程序，要让它的拖放功能在iOS上工作是一件麻烦的事情。我希望有一个能同时满足这两种需求的人...

问兼容iOS和常规浏览器的JS库(带拖放功能)
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问兼容iOS和常规浏览器的JS库(带拖放功能)EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问兼容iOS和常规浏览器的JS库(带拖放功能)
EN