Javascript JS库（带拖放功能）与iOS和常规浏览器兼容

有人知道JS框架具有拖放功能，并且与移动（iOS）和常规浏览器兼容吗

我目前有一个基于网络的应用程序，要让它的拖放功能在iOS上运行是件麻烦事。。。我希望有一个能同时满足这两种需要的人…

我是一个超级粉丝

这里有拖放演示-

---

注意：在我的iPhone4上进行了Safari测试。

试试dojo。它工作得很好，是一个相对成熟的工具包

这里有两个内置jQuery：

还有jquery移动框架（本机没有拖放功能）： 正在尝试支持多种

---

这里有一个特定的插件，我不确定它是否正是你想要的，但你可以试试，也可以试试。这是一个由前苹果工程师创建的框架，苹果在MobileMe和iCloud网络应用程序中使用。它具有可用于鼠标和触摸事件的功能。

如果您正在为ios构建web应用程序，则必须尝试jquery mobile。

这应该可以。也有d'n'd，即使它仍处于测试阶段。

• zepto（最小的，iOS 4+，Android 2.2+，webOS 1.4.5+）
• jquery、jquerymobile、jqtouch
• 原型
• sencha，senchatouch

---

您好，我使用这个jquery插件：

它提供了一些拖动事件

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

这仍然是阿尔法：

---

即使在您关闭或刷新浏览器后，它也会保持不变，并且在任何现代浏览器中都能正常工作。此外，它不是一个框架。您可以在没有其他框架的情况下使用它，并且您可以自定义它来执行您想要的操作。

您可以使用jquery UI进行拖放，还可以使用一个附加库将触摸事件映射到其鼠标事件类似物。我想这应该可以解决您的问题：

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

演示：

是一个独立的轻量级拖放、调整大小和多点触摸手势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)';
    }
  })

---

---

但在普通浏览器上似乎不起作用。。。我刚刚试过FF。它似乎是一个纯移动版本——在我的FF中，在笔记本电脑上不起作用。。。我正在寻找通用的解决方案……那么您可能只想使用jQuery。移动拖放/UI框架通常基于WebKit。我在Android手机上尝试了DnD，但没有成功。。。我正在寻找通用的解决方案。。。不过，感谢您提到这一点——非常酷。@santa我只是想让您知道dojo 1.7即将面世，它的广告宣传是为了更好地支持拖放和移动功能。也许你应该再看看。圣诞老人，我也在找。通过任何改变，你找到了解决方案吗？不幸的是，没有。我在另一个问题上有悬赏，但一旦那个问题到期，我会在这个问题上提出悬赏。感谢您对这一努力的支持。我认为非常需要一个插件，它可以自动实现现有拖放应用程序与iOS的兼容性。目前没有简单的解决方案，而是维护同一应用程序的两个版本。还记得那些我们必须对不同浏览器做同样操作的日子吗。最后，微软终于醒悟过来，不是该轮到苹果了……：）我的一个朋友实现了一个javascript库，做同样的事情，draggable.js，我明天会验证我是否可以把它放到google上code@Pierre-吕克·尚皮尼，谢谢。什么都行。显然，许多人对这个话题很感兴趣。平板电脑市场一夜暴涨，留下了巨大的不兼容性缺口。真不敢相信没有人提到YUI，他们有完整的手势支持和定制活动。steventon.co.uk library在iPad上不能正常工作，你看不到盒子在移动，一旦点击，你就会在页面底部得到一份拷贝谢谢，我看到了第一份。它并不是移动设备上的拖放操作。单击选择--单击要删除的目标，这与用户体验的观点大相径庭。第二个链接一在我的android上似乎不起作用。@库不存在（库选择点击选择）的问题的一部分是因为在触摸设备上无法区分滚动和拖放。基本上，让我们假设你有一个巨大的拖拽，占据了一半的网页。现在用户决定向下滚动到网页的另一半。猜猜看，可拖动元素现在将移动，用户尝试滚动。基本上，你不得不为iphone和桌面创建两个应用程序。假设界面的结构不存在上述问题，如果这样的库已经存在，那就太好了。@Lime看看有一些IE问题，但它在android设备上也能工作。我正在寻找一种解决方案，除了现有的网络浏览器兼容性之外，还可以在移动平台上支持我当前的jQuery拖放功能，而无需重新编写。我有一个网络应用程序，我需要添加对iPad的支持。酷！他们有演示吗？对我来说，最简单的测试方法就是用浏览器和手机来进行演示。看起来很不错，不过我会犹豫是否要转换到一个基于预先发布的HTML版本的库。另外，我似乎没有找到拖放功能…这里是拖放：“HTML的预发布版本”？谢谢，我一定是瞎了。。。我指的是HTML5。一些浏览器非正式地支持它。好的，这肯定是亚军之一。它在我的android和FF上工作，但是IE9抛出了一系列错误。如果