【问题标题】:Swiping a div with jQuery on iPhone在 iPhone 上使用 jQuery 滑动 div
【发布时间】:2014-01-28 07:14:19
【问题描述】:

我想用 jQuery 向左滑动一个 div。

我用jQuery Mobile的swipe方法试过了,但是我想真的把div移到左边,就像iOS原生的swipe功能一样。 这个可以吗?

【问题讨论】:

标签: jquery iphone html mobile swipe


【解决方案1】:

Core jQuery 对触摸事件没有任何特别之处,但您可以使用以下事件轻松构建自己的事件

  • 触摸开始
  • 触摸移动
  • 触摸结束
  • 触摸取消

例如,touchmove

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var touch = e.touches[0];
    alert(touch.pageX + " - " + touch.pageY);
}, false);

这适用于大多数基于 webkit 的浏览器(包括 android)。

Apple documentation for handling events.

【讨论】:

  • 那么如何根据触摸的时间和速度将div向左移动?
  • 这里有一些非常简单的东西,可以帮助您有效地实现目标:css-tricks.com/slide-to-unlock。你只需要玩 JS 就可以让它做你想做的事。
猜你喜欢
  • 1970-01-01
  • 2012-06-13
  • 2013-03-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多