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

Answer 7

http://www.kendoui.com/这应该有效。虽然它仍处于测试阶段，但也已经过了。

Answer 8

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

Answer 9

您可以使用jquery UI进行拖放，并使用一个额外的库将触摸事件映射到他们的鼠标事件类似物。我认为这可以解决您的问题：

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

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

DEMOS：

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

Answer 10

我不确定它是否正是您要找的，但您可以尝试PhoneGap或XUI。

Answer 11

如果您要为ios构建Web应用程序，则必须尝试使用jquery mobile。

Answer 12

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

它提供了一些拖动事件

如果您发现任何错误，请告诉我，代码很新！

Answer 13

这仍然是alpha：http://prettydiff.com/jsgui

即使在您关闭或刷新浏览器后它仍然存在，并且它可以在任何现代浏览器中使用。此外，它不是一个框架。您可以在没有其他框架的情况下使用它，并且可以自定义它以执行您想要的操作。

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

13 个答案: