1

我在页面上有动态加载的元素,但我还需要能够在这些 div 上滑动。

我搜索了 jQuery 滑动事件,并找到了 touchSwipe。这很好,因为它是跨浏览器,但它不允许我使用.on()or .live(),因此不考虑动态元素。

这是我的意思的一个例子,http://jsfiddle.net/wUkZq/

我可以通过滑动来处理动态元素的唯一方法是将滑动事件附加到父级。问题是,我不希望父母可以滑动。在示例中,如果您使用链接创建一些元素a,然后尝试在其中滑动.content,它将返回所有元素的文本,这不是我想要的,因为在父项中不应允许滑动。

有没有更好的方法,或者更好的插件?理想情况下,我不想使用插件,而是使用纯 JS,但我找不到一个很好的例子来计算人何时实际滑动而不是其他事件(即滚动)。

4

1 回答 1

2

如何简单地为每个可滑动元素分配一个特定的类,然后在swipe事件处理程序中检查该类?我想,对于这种情况,这是一个很常见的技巧。例如:

swipeLeft: function(event, direction, distance, duration, fingerCount) {
  var $target = $(event.target);  
  if (! $target.hasClass('sw')) {
    return false;
  }
  alert($target.text());
}

这是一个说明这个概念的JS Fiddle 。

于 2012-11-04T01:48:48.803 回答