代码之家  ›  专栏  ›  技术社区  ›  Damovisa

如何让jquery ui的可拖动和可排序功能在iPhone上工作?

  •  16
  • Damovisa  · 技术社区  · 14 年前

    我有一个使用jquery ui的页面;特别是 Sortable 交互作用。

    使用鼠标的桌面Web浏览器可以很好地使用该页面,但是我无法使用拖放功能在iPhone上使用MobileSafari。任何拖动操作都只会滚动页面。

    我页面上的功能与 Sortable Empty-Lists jquery用户界面站点上的演示。这个页面在iPhone上也不起作用。

    在iPhone上有没有任何方法可以让拖放功能工作?

    2 回复  |  直到 12 年前
        1
  •  24
  •   Jakub Hampl    14 年前

    根据移动Safari文档,不支持拖放操作,但可以进行模拟。因为基本上拖动你的手指会滚动浏览器,你必须禁用它。可以这样做:

    $(document).bind('touchmove', function(e) {
       e.preventDefault();
    }, false);
    

    否则,您必须处理的事件是 touchstart , touchmove touchend .

        2
  •  1
  •   pizza247    13 年前

    这是jquery ui 1.9pre的演示: https://dl.dropbox.com/u/3872624/lab/touch/index.html

    jquery.mouse.ui.js文件非常适合我。